关于数据赋值的问题

Question

在react里的state中，这样声明：

constructor(props) {

super(props);
this.state = {
  get leftCover() {
    let index = 0;
    let data =undefined;
    
    data={  //这种写法报错了
      'img': props.list[index].img,
      'status': props.list[index].status,
      'title': props.list[index].title,
      'subTitle': props.list[index].subTitle,
      'index': props.list[index].index
    }
  }
};

}

报错截图：

Answer 1

需要将data return出去，否则：state.leftCover是undefined.

this.state = {
  get leftCover() {
    let index = 0;
    let data =undefined;
    
    data={  //这种写法报错了
      'img': props.list[index].img,
      'status': props.list[index].status,
      'title': props.list[index].title,
      'subTitle': props.list[index].subTitle,
      'index': props.list[index].index
    }
    return data;
  }
};
}

Answer 2

那几个属性不能直接放到组件上去，有些属性是不是合法的的。

报错信息里边已经说明了。想要自定义属性的话，就放data-*来做吧

问题不在这里，而在你使用这些state时