React 如何实现组件传值

正向传值–使用 props（父发送数据，子接收数据）

逆向传值—函数传值

1. 子组件通过事件调用函数传递
2. 在子组件中使用 this.props.调用的函数名绑定发送数据
3. 在父组件中进行函数传递
4. 同级传值—pubsub-js
5. 在第一个要传值的组件中进行数据抛出 PubSub.publish(" 事件名","数据")
6. 在第二个要接收数据的组件中接收 PubSub.subscribe("监听的事件",(事件,数 据)=>{})

跨组件传值—context

1. 在 src 下创建文件夹与.jsx 文件用来容纳 context 对象
2. 创建内容并且引用 createContext 对象
3. 在根组件 index.js 中使用
4. 创建 Provider 生产者与 Consumer 消费者对象并且创建数据
5. 在需要的组件中进行使用