react组件传值

2023-01-11 20:41:15 浏览数 (2)

父传子

父组件通过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,子-父-子,麻烦

0 人点赞