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 = {
    res: {
        list: []
    }
}

还有，react在遍历数组的时候，会建议设置一个key来区分数组的每个元素，在render的时候加上key，如下：

{
    res.list.map((item, index) => {
        return (
            <Card key={ index } >
                <img .... />
            </Card>
        )
    })
}