React组件通信方式推荐

elongpaox

于 2021-12-04 10:52:33 发布

阅读量618

点赞数

文章标签： react.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_42419603/article/details/121712498

版权

本文探讨了组件间的三种关系——父子、兄弟和祖孙组件，以及在不同关系下进行通信的四种主要方式：props、消息订阅-发布、集中式管理和Context。推荐的搭配使用方式是：父子组件使用props，兄弟和祖孙组件则更适合使用消息订阅-发布和集中式管理。Context虽然在开发中较少直接使用，但在封装插件时很有价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

组件间的关系：

父子组件
兄弟组件（非嵌套组件）
祖孙组件（跨级组件）

几种通信方式：

		1.props：
			(1).children props
			(2).render props
		2.消息订阅-发布：
			pubs-sub、event等等
		3.集中式管理：
			redux、dva等等
		4.conText:
			生产者-消费者模式

比较好的搭配方式：

	父子组件：props
	兄弟组件：消息订阅-发布、集中式管理
	祖孙组件(跨级组件)：消息订阅-发布、集中式管理、conText(开发用的少，封装插件用的多)