react 组件间通信的几种方式
2020-03-03 本文已影响0人
hk_faith
通过 props 传递
1，共同是数据放在父组件上，特有的数据放在自己的组件的内部(state),
2，通过 props 可以传递一般的数据和函数数据，只能一层一层传递
3，一般数据--》父组件传递给子组件--》子组件读取数据
4，函数数据--》子组件传递给父组件--》子组件调用函数
通过消息的发布订阅模式-PubSubJS
参考：
https://github.com/mroderick/PubSubJS
使用：
npm install pubsub-js --save
import Pubsub from 'pubsub-js'
//发布
Pubsub.publish("topic",data)
//订阅
Pubsub.subscribe("topic", (msg, data) => {
console.log(msg, data);
})
通过 redux
Redux 是 JavaScript 状态容器，提供可预测化的状态管理
中文文档：http://cn.redux.js.org/
