Javascript 什么时候在React中保存状态是安全的？

假设我有一个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,
    });
  }
}

我可以把它放在

render

中，但是在初始渲染时它也会被发送到服务器，并且发送一个名为

render

的函数来表示状态似乎很愚蠢

---

什么时候可以持久化/序列化状态？

React的

setState

的第二个参数是在状态转换完成后触发的回调

this.setState(newState, () => console.log(this.state));

因此，在你的情况下：

handleChange(event) {
  this.setState({
    someCheckboxState: event.target.checked,
  }, () => {
    SendStateToServer(JSON.stringify(this.state));
  });
}

是的，

setState（）

，这是做这些事情的完美方式

类表单扩展了React.Component{
建造师（道具）{
超级（道具）；
this.handleChange=this.handleChange.bind（this）；
此.state={
someCheckboxState:false，
}
}
render（）{
返回（
);
}
手变（活动）{
这是我的国家({
someCheckboxState:event.target.checked，
}，（）=>{//做你的工作
log（JSON.stringify（this.state））；
});
}
}
ReactDOM.render（
，document.getElementById（'root'））

---

setState的第二个参数是状态更改完成后运行的回调

handleChange(event) {
  this.setState({
    someCheckboxState: event.target.checked,
  }, () => {
    SendStateToServer(JSON.stringify(this.state));
  });
}