React 如何实现组件传值
正向传值–使用 props(父发送数据,子接收数据)
逆向传值—函数传值
- 子组件通过事件调用函数传递
- 在子组件中使用
this.props
.调用的函数名绑定发送数据 - 在父组件中进行函数传递
- 同级传值—
pubsub-js
- 在第一个要传值的组件中进行数据抛出
PubSub.publish(" 事件名","数据")
- 在第二个要接收数据的组件中接收
PubSub.subscribe("监听的事件",(事件,数 据)=>{})
跨组件传值—context
- 在
sr
c 下创建文件夹与.jsx
文件用来容纳context
对象 - 创建内容并且引用
createContext
对象 - 在根组件
index.js
中使用 - 创建
Provider
生产者与Consumer
消费者对象并且创建数据 - 在需要的组件中进行使用