5、React组件间通信

通过props 传递

1. 共同的数据放在父组件上, 特有的数据放在自己组件内部(state)
2. 通过props 可以传递一般数据和函数数据, 只能一层一层传递
3. 一般数据–>父组件传递数据给子组件–>子组件读取数据
4. 函数数据–>子组件传递数据给父组件–>子组件调用函数

使用消息订阅(subscribe)-发布(publish)机制

使用工具库PubSubJS工具库实现。

yarn add pubsub-js

使用

import PubSub from 'pubsub-js' //引入
PubSub.subscribe('delete', function(msg,data){ }); //订阅
PubSub.publish('delete', data) //发布消息

发布消息可以理解为触发事件，订阅消息可以理解为监听事件。

通过redux传递

待补充