如何巧妙运用React组件间通信的简单常用技巧？

本文共计2282个文字，预计阅读时间需要10分钟。

本文为家庭带来React组件间通信的简单易用方式，重点介绍React知识中一个主要内容：组件之间的通信。以下列举几种常用的组件通信方式，结合实例，通俗易懂，建议收藏。

希望对您有所帮助。

本篇文章给大家带来了React组件间通信简单易用的常用方式，React知识中一个主要内容便是组件之间的通信，以下列举几种常用的组件通信方式，结合实例，通俗易懂，建议收藏，希望对大家有帮助。

一、父子组件通信

原理：父组件通过props（与vue中的props区分开）向子组件通信，子组件通过回调事件与父组件通信。

首先，先创建一个父组件Parent.js跟子组件Children.js，二者的关系为直接父子关系。

Parent.js父组件如下，给父组件一个默认状态state，引入子组件，通过在子组件加上toChildren={this.state.msg}，该处即为向子组件传props。