安装: npm install pubsub-js --save
使用:
首先是引入:import PubSub from 'pubsub-js',触发事件发送数据
import React, { Component } from 'react'
import PubSub from 'pubsub-js'
export default class Search extends Component {
search = ()=>{
PubSub.publish('atguigu',{isFirst:false,isLoading:true})
}
render() {
return (
<div>
<button onClick={this.search}>搜索</button>
</div>
)
}
}
接收数据:
引入:import PubSub from 'pubsub-js'
接收:
componentDidMount(){
this.token = PubSub.subscribe('atguigu',(_,stateObj)=>{
this.setState(stateObj)
})
}
离开卸载:
componentWillUnmount(){
PubSub.unsubscribe(this.token)
}