React 组件传值

目录

1：父传子

2：子传父：

3：兄弟组件传值

 4：context(执行上下文)

        用来解决祖先组件向后代组件传递数据的问题，为跨层级的组件搭建一座桥梁。

---

1：父传子

在父组件中引入子组件，将要传到子组件的值挂载到子组件中，子组件接收渲染

父组件：

 子组件：

可以对传过来的值进行校验：

 

2：子传父：

           父组件中的初始数据渲染在页面上

将数据修改方法挂载到要传过来数据的子组件上

父组件:修改this.state里的初始值

 

 

 子组件调用父组件的方法，将值传到父组件

 

3：兄弟组件传值

 首先创建一个公共仓库 eventbus.js文件

 兄弟组件中都引入这个仓库

兄弟组件1   传  数据

通过事件进行传值：

 

兄弟组件二  接收数据 

 4：context(执行上下文)

        用来解决祖先组件向后代组件传递数据的问题，为跨层级的组件搭建一座桥梁。

 

发布用户数据：.provider

订阅数据 .Consumer