组件间通信方式总结
父组件 => 子组件:
1、Props
2、Instance Methods - refs
子组件 => 父组件:
3、Callback Functions - 回调函数
4、Event Bubbling - 事件冒泡机制
兄弟组件之间:
5、Parent Component - 利用父组件通信
不太相关的组件之间:
6、Context
一、props
1.reactDOM组件进行props设置的操作演示
2.react组件的props
(1)传入数据的方式:通过props
DOM组件传递props进行标签功能设置
给react组件进行数据传递
也就是在组件通信中由父组件向子组件传值的一种方式
3.父组件 => 子组件
父组件通过props把数据传给子组件,子组件通过this.props去使用相应的数据
在react组件中展开props的使用场景
将JSX作为作为props传递给子组件
多位置props传值
注:只能单向传递,即对子组件来说为只读
4.子组件 => 父组件
5.兄弟组件之间
context
6.context
三个模块的样例
特殊情况