假设我有一个从表单更新状态的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,
});
}
}
Run Code Online (Sandbox Code Playgroud)
现在我想将该状态发送到服务器(或某个地方).如果我这样做
handleChange(event) {
this.setState({
someCheckboxState: event.target.checked,
});
SendStateToServer(JSON.stringify(this.state)); // BAD! Not yet mutated
}
Run Code Online (Sandbox Code Playgroud)
我可以把它放进去,render然后它会在初始渲染时被发送到服务器,以及发送状态调用函数似乎很愚蠢render.
什么时候可以坚持/序列化状态?