1.安装pubsub-js
yarn add pubsub-js --save 或者
npm i pubsub-js --save
2.在发布消息的模块导入pubsub并进行消息的发布
import React, { Component } from 'react'
import PubSub from 'pubsub-js'
import axios from 'axios'
export default class Search extends Component {
search = () => {
const { value:keyWords} = this.Element
axios.get(`/api1/search/users2?q=${keyWords}`).then(
response => { PubSub.publish('message', response.data.items) },
error => { console.log('error', error.data); }
)
}
}
3.在接受消息的模块对发布的消息进行接收
import React, { Component } from 'react'
import PubSub from 'pubsub-js'
export default class List extends Component {
state = {
users: [],
}
componentDidMount() {
PubSub.subscribe('message',(msg,data)=> {
this.setState({users:data})
})
}
}