javascript - ReactJS 状态没有得到更新

Question

我正在更新来自 child 的状态。

getInitialState : function(){
        return{
            VotedForTopic : false

        };
    },

updateVotedState:function(){
        this.setState({VotedForTopic:true});
        console.log(this.state.VotedForTopic)
    },

当执行某些操作以将 VotedForTopic 状态更改为 true 时，我正在从 child 调用 updateVotedState。但是状态没有得到更新，它仍然是 false。可能是什么问题

Answer 1

您可以使用通过 props 传递给 child 的回调从 child 更新 parent 状态，如下所示

var Parent = React.createClass({
    getInitialState: function () {
        return {
            VotedForTopic: false
        };
    },

    updateVotedState: function () {
        this.setState({ VotedForTopic: true });
    },

    render: function() {
        return <div>
            <p>{'Current State:: ' + this.state.VotedForTopic} </p>
            <Child onUpdateVote={this.updateVotedState} />
        </div>;
    }
});

var Child = React.createClass({
    render: function() {
        return <a onClick={this.props.onUpdateVote}>updateVotedState</a>;
    }
});

Example