親を使用してエディターコンポーネントと保存コンポーネントを制御しようとしています。それはコンポーネントをレンダリングしますで私はこれを持って、子からの親状態の印刷に問題がある(ReactJS)
constructor() {
super();
this.state = {
code: "",
current_program: 'new'
}
}
updateCode(event) {
this.setState({
code: event
});
}
save() {
console.log(this.state.code);
}
:親コンポーネントは、これらの機能を持ってい
<IDE code={this.state.code} updateCode={this.updateCode}/>
<Browser save={this.save.bind(this)} programs={this.props.programs} />
IDEが正常に更新呼び出し、私は親にupdateCode機能からの出力をログに記録する場合、それは適切に動作します。しかし...私のブラウザコンポーネントでは、私は以下の持っている:「私は束縛という事実に関係し、これは持っていない、」クリックオン
<Button className="width-30" bsStyle="primary" onClick={() => this.props.save()}>
<Glyphicon glyph="save" /> Save
</Button>
、それは「印刷し、この」親状態のコードの前に更新されましたか?古い状態を印刷しているだけですか?どうすれば更新できますか?ありがとう。
編集:onChange={this.props.updateCode.bind(this)}
ボタンをクリックすると、 'save'関数が呼び出されていますが、' updateCode'関数の呼び出しはありません – Dekel
コード他のコンポーネントで正常に更新されました。それは、これを含有する: 'のonChange = {this.props.updateCode.bind(本)}' – X88B88