组件之间通信及为什么使用Redux

组件之间状态通信

父子组件通信

  • React使用单项数据流,意味着父组件将自身状态作为属性传递给子组件。(props)

兄弟组件通信

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

总结:当非父子之间组件通信无法满足各种状态变更时选择Redux

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容