react组件间通信(pubsub)

安装: 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)
	}

GitHub地址:https://github.com/mroderick/PubSubJS