组件之间状态通信
父子组件通信
- React使用单项数据流,意味着父组件将自身状态作为属性传递给子组件。(props)
兄弟组件通信
- 非父子组件之间通信选择提升状态,意味着我们将状态提升到最接近的祖先。将函数绑定到容器组件,并将它们作为属性向下传递,更新所有状态。(将state放到公共的父组件中管理,在props分发回子组件)
- 子组件改变父组件state只能通过onClick触发父组件声明好的回调,同样将它作为属性交给子组件使用。
- 为了面临所有可能扩展问题,最简单的就是将state集中带所有组件的顶层,然后进行分发-》 Redux
总结:当非父子之间组件通信无法满足各种状态变更时选择Redux
网友评论