javascript - 在reactJs中对对象使用setState总是保持为空

Question

我的这段代码似乎不起作用，它让我发疯!有人可以指出我做错了什么吗？

getInitialState: function () {
    return {
        modalUser: {},
        users: []
    };
},
updateModalUser: function (user) {
    console.log(user);
    module.React.addons.update(this.state, {
        modalUser: { $set: user }
    });
    console.log(this.state);
},

我最初确实尝试在没有插件的情况下执行此操作，但得到了相同的结果。即我的 updateModalUser 看起来像:

updateModalUser: function (user) {
    console.log(user);
    this.setState({
        modalUser: user
    });
    console.log(this.state);
},

我得到的输出是:

Object {id: 28, fname:"fred", lname:"flinstone"…}

Object {modalUser: {}, users: []}

Answer 1

this.setState() 是异步的，您需要在其回调中记录状态:

updateModalUser: function (user) {
    console.log(user);
    this.setState({
        modalUser: user
    }, function() {
        console.log(this.state);
    })
}

更多信息请点击:https://facebook.github.io/react/docs/component-api.html#setstate