setState()
会对一个组件的 state
对象安排一次更新。当 state 改变了,该组件就会重新渲染。
props
(“properties” 的缩写)和 state
都是普通的 JavaScript 对象。它们都是用来保存信息的,这些信息可以控制组件的渲染输出,而它们的一个重要的不同点就是:props
是传递给组件的(类似于函数的形参),而 state
是在组件内被组件自己管理的(类似于在一个函数内声明的变量)。
我应该如何更新那些依赖于当前的 state 的 state 呢?
调用 setState
其实是异步的 —— 不要指望在调用 setState
之后,this.state
会立即映射为新的值。如果你需要基于当前的 state 来计算出新的值,那你应该传递一个函数,而不是一个对象
给 setState
传递一个对象与传递一个函数的区别是什么?
传递一个函数可以让你在函数内访问到当前的 state 的值。因为 setState
的调用是分批的,所以你可以链式地进行更新,并确保它们是一个建立在另一个之上的
为什么 React 不同步地更新 this.state
?
开始重新渲染之前,React 会有意地进行“等待”,直到所有在组件的事件处理函数内调用的 setState()
完成之后。这样可以通过避免不必要的重新渲染来提升性能。
参考:https://react.docschina.org/docs/faq-state.html#what-is-the-difference-between-state-and-props