私はフォームから状態を更新する反応コンポーネントを持っているとします。Reactに状態を保存するのはいつ安全ですか?
class Form extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.state = {
someCheckboxState: false,
}
}
render() {
return (
<input onChange={this.handleChange} checked={this.state.someCheckboxState} />
);
}
handleChange(event) {
this.setState({
someCheckboxState: event.target.checked,
});
}
}
ここで、その状態をサーバー(またはどこか)に送信したいとします。私はちょうどこの
handleChange(event) {
this.setState({
someCheckboxState: event.target.checked,
});
SendStateToServer(JSON.stringify(this.state)); // BAD! Not yet mutated
}
をすれば、私はrender
にそれを置くことができますが、それは最初のサーバーに送信されますだけでなく、ほかのレンダリング、関数がrender
と呼ばれる状態を送信するために愚かなようです。
状態を永続化/シリアル化するのは大丈夫ですか?
SETSTATEのための2番目のパラメータは、状態変化が完了した後に実行されるコールバックです – MichaelB