组件间数据的传递方式
- props，一层一层传递
- 消息的发布订阅，当嵌套层数比较多，可以用此工具库
下载
$ npm install pubsub-js --save
// 导入
import PubSub from "pubsub-js"
// 在有数据的地方进行发布
class Data extends React.Component{
pubmsg = ()=>{
PubSub.publish("频道","频道发布的消息")
}
render() {
return(
<button onClick={this.pubmsg}>Data组件,发布消息</button>
)
}
}
// 订阅
class App extends Component {
// 组件将要被渲染的时候进行订阅
componentWillMount() {
PubSub.subscribe("频道", (msg,data)=> {
console.log(msg,data)
})
}
render() {
return (
<div className="App">
<Data />
</div>
);
}
}
网友评论