父传子
父组件通过props直接传给子组件
子传父
父元素通过props给子元素传递一个接收值的回调函数
跨级组件通信(爷孙)
1.逐层传递的props,爷-父-子。比较麻烦
2. React.createContext()Api
代码语言:javascript复制1context是一个全局变量,像是一个大容器,在任何地方都可以访问到。
2我们可以把要通信的信息放在context上,然后在其他组件中可以随意取到;
3但是React官方不建议使用大量context,尽管他可以减少逐层传递。
4但是当组件结构复杂的时候,我们并不知道context是从哪里传过来的;
5而且context是一个全局变量,全局变量正是导致应用走向混乱的罪魁祸首.
3.redux/mobx
非嵌套组件通信(兄弟)
1.使用事件订阅 eventBus
2.redux/mobx
3.由公共父组件传递props,子-父-子,麻烦