3
比方说,我有一个反应组件,可以从窗体更新状态。何时可以安全地在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
功能。
什么时候可以持续/序列化状态?
第二个参数是运行回调后的状态变更完成 – MichaelB