javascript - 在 React 中更新组件的状态哪种方法好

Question

这是工作 example在 CodePen 中。

它有一个按钮，可以在 ON 和 OFF 之间切换

在React docs ，它使用了 prevState 并更新了 state 的值。

    this.setState(prevState => ({
      isToggleOn: !prevState.isToggleOn
    }));

当我使用下面的方法时，它也会产生相同的结果。

    this.setState({isToggleOn: !this.state.isToggleOn})

谁能建议更新 Component 的 State 的好方法和推荐方法？

Answer 1

由于 setState 的异步性质，不建议使用 this.state 来获取 setState 中的先前状态.相反，如果您必须使用以前的状态，请依赖 updater function方法。

Think of setState() as a request rather than an immediate command to update the component. For better perceived performance, React may delay it, and then update several components in a single pass. React does not guarantee that the state changes are applied immediately. https://reactjs.org/docs/react-component.html#setstate