react的state和componentWillMount

Question

我设置了一个state，然后在componentWillMount的时候调用了一个函数，这个函数里有一个fetch通过回调来修改state，但是我这里却设置不了state。请问是什么问题。

如果在下面return的话，我依旧读取不到res的值

Answer 1

因为你是在render中使用 res.list 这个数组来渲染数据，但是在fetch结果没过来之前，res.list 是个null，所以报错了。你在初始化state的时候，把res.list设为一个空的array即可，如下：this.state = {&nbsp; &nbsp; res: {&nbsp; &nbsp; &nbsp; &nbsp; list: []&nbsp; &nbsp; }}还有，react在遍历数组的时候，会建议设置一个key来区分数组的每个元素，在render的时候加上key，如下：{&nbsp; &nbsp; res.list.map((item, index) => {&nbsp; &nbsp; &nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Card key={ index } >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img .... />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </Card>&nbsp; &nbsp; &nbsp; &nbsp; )&nbsp; &nbsp; })}