通常，多个组件需要反映相同的变化数据，这时通常将共享状态提升到最近的共同父组件中去。
在 React 应用中，任何可变数据应当只有一个相对应的唯一“数据源”。通常，state 都是首先添加到需要渲染数据的组件中去。然后，如果其他组件也需要这个 state，那么可以将它提升至这些组件的最近共同父组件中，应当依靠自上而下的数据流，而不是尝试在不同组件间同步 state。
虽然提升 state 方式比双向绑定方式需要编写更多的“样板”代码，但带来的好处是，排查和隔离 bug 所需的工作量将会变少。由于“存在”于组件中的任何 state，仅有组件自己能够修改它，因此 bug 的排查范围被大大缩减了。此外，也可以使用自定义逻辑来拒绝或转换用户的输入。
如果某些数据可以由 props 或 state 推导得出，那么它就不应该存在于 state 中。
当在 UI 中发现错误时，可以使用React 开发者工具来检查问题组件的 props，并且按照组件树结构逐级向上搜寻，直到定位到负责更新 state 的那个组件。
状态提升是什么意思？ 一个最简单的例子，就是如果两个子组件需要利用到对方的状态的话，那么这个时候我们就需要使用到状...
状态提升 官网摄氏度与华氏度转化的例子 // class BoilingVerdict extends React...
自组件通过props来接收父组件传递的信息，但是子组件不能更改props，子组件可以定义state，state可以...
通常，多个组件需要反映相同的变化数据，这时通常将共享状态提升到最近的共同父组件中去。 在 React 应用中，任何...
在不使用任何状态管理方案的前提下，React 组件之间共享状态，只能靠 props 传播。 父->子的传播非常容易...
在react中是单向数据流的设计,即只有父组件可以传递数据给子组件,而没有子组件传递数据给父组件的概念.以正确的技...
状态提升 使用React经常会遇到几个组件需要共用状态数据的情况。这种情况下，我们最好把这部分状态数据提升到他们最...
React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通...
React.js 小书 Lesson17 - 前端应用状态管理 —— 状态提升 本文作者：胡子大哈本文原文：htt...
通常，多个组件需要反映相同的变化数据，这时我们建议将共享状态提升到最近的共同父组件中去。 两个组件都要用到同一个数...
本文标题：React状态提升
本文链接：https://www.haomeiwen.com/subject/wnnyuhtx.html
网友评论