react同級元件傳值,使用pubsub.js

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);
	})
}

到這裡就實現了