如何在React JS中将数组值设置为状态
如何在React JS中将数组值设置为状态
提问于 2018-05-31 19:11:50
我有一个名为resultArray的对象数组，比如
[
{
"name": "Morgan",
"category": "on",
"dept": "A1"
},
{
"name": "Lewis",
"category": "on",
"dept": "A2"
},
{
"name": "Ivan",
"category": "off",
"dept": "A3"
}
]在我的API结果中。如何将它们设置到state中以获得如下结果
this.state = {
person: [
{
"name": "Morgan",
"category": "on"
},
{
"name": "Lewis",
"category": "on"
},
{
"name": "Ivan",
"category": "off"
}
]
};回答 2
Stack Overflow用户
发布于 2018-05-31 19:19:01
最初，在state对象中使用[]值声明person键，如下所示
constructor(props){
this.state.person = [];
}并使用setState更新列表，如下所示
this.setState({person : resultArray });Stack Overflow用户
发布于 2018-05-31 19:39:33
如果希望设置默认数据，则使用constructor，或者如果希望进行ajax调用，则使用componentDidUpdate。请参阅下面的示例代码。
class Mycomponent extends React.Component{
constructor(props){
super(props)
this.state = {
person: [
{name:"Morgan", category:"on"},
{name:"Lewis", category:"on"},
{name:"Ivan", category:"off"}
]
}
}
componentDidUpdate(){
// make some ajax call to get data
// now set state like
data = {
person: [
{name:"Morgan", category:"on"},
{name:"Lewis", category:"on"},
{name:"Ivan", category:"off"}
]x
}
this.setstate(data)
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50622969
复制相关文章
相似问题
腾讯云开发者
