javascript - react的state和componentWillMount

问题描述

问 题

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

---

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

解决方案

因为你是在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>
        )
    })
}

这篇关于javascript - react的state和componentWillMount的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！