react同级传值使用pubsub.js
1.安装pubsub-js
cnpm i pubsub-js --save
2.假定两个同级组件为A和B,现A向B传值。A代码如下:
import PubSub from 'pubsub-js'
// 方法 PubSub.publish('给兄弟组件监听的方法','要传递的数据')
handleClick=()=>{
PubSub.publish('fun',data)
}
3.B代码如下:
import PubSub from 'pubsub-js'
// 方法 PubSub.subscribe('fun',(事件监听情况,传来的数据)=>{})
constructor(props){
super(props);
PubSub.subscribe('fun',(status,data)=>{
console.log("监听:",status);
console.log("传来的数据:",data);
})
}
到这里就实现了