Javascript 在reactJs中对对象使用setState始终保持为空
我有这个片段,似乎不是工作,它是驾驶我疯狂!有人能指出我做错了什么吗Javascript 在reactJs中对对象使用setState始终保持为空,javascript,reactjs,Javascript,Reactjs,我有这个片段,似乎不是工作,它是驾驶我疯狂!有人能指出我做错了什么吗 getInitialState: function () { return { modalUser: {}, users: [] }; }, updateModalUser: function (user) { console.log(user); module.React.addons.update(this.state, { modalUser
getInitialState: function () {
return {
modalUser: {},
users: []
};
},
updateModalUser: function (user) {
console.log(user);
module.React.addons.update(this.state, {
modalUser: { $set: user }
});
console.log(this.state);
},
我确实尝试过在没有插件的情况下这样做,但我得到了相同的结果。i、 e.我的UpdateModelUser看起来像:
updateModalUser: function (user) {
console.log(user);
this.setState({
modalUser: user
});
console.log(this.state);
},
无论哪种方式,我得到的输出都是:
Object {id: 28, fname:"fred", lname:"flinstone"…}
Object {modalUser: {}, users: []}
您应该使用
this.setState({modalUser:newObjectHere})
,这是更改组件状态的正确方法。this.setState()
是异步的,您需要在其回调中记录状态:
updateModalUser: function (user) {
console.log(user);
this.setState({
modalUser: user
}, function() {
console.log(this.state);
})
}
更多信息请点击此处:我就是这么做的。我编辑了上面的例子,试图指出这一点。谢谢!成功了!。。。我尝试在setTimeout 2000内包装console.log(this.state),但时间不够长!