react组件之间的通信
来源:互联网 发布:网络大电影 鬼拳 编辑:程序博客网 时间:2024/06/15 16:26
react推崇的是单向数据流,自上而下进行数据的传递,但是由下而上或者不在一条数据流上的组件之间的通信就会变的复杂。解决通信问题的方法很多,如果只是父子级关系,父级可以将一个回调函数当作属性传递给子级,子级可以直接调用函数从而和父级通信。
组件层级嵌套到比较深,可以使用上下文getChildContext来传递信息,这样在不需要将函数一层层往下传,任何一层的子级都可以通过this.context直接访问。
兄弟关系的组件之间无法直接通信,它们只能利用同一层的上级作为中转站。而如果兄弟组件都是最高层的组件,为了能够让它们进行通信,必须在它们外层再套一层组件,这个外层的组件起着保存数据,传递信息的作用,这其实就是redux所做的事情。
组件之间的信息还可以通过全局事件来传递。不同页面可以通过参数传递数据,下个页面可以用location.param来获取。其实react本身很简单,难的在于如何优雅高效的实现组件之间数据的交流。
0 0
- React组件之间的通信
- react组件之间的通信
- react组件之间的通信
- React组件之间的通信
- 关于react组件之间的通信
- React 组件基本使用(三) ---父子组件之间的通信
- React-Native学习十九:组件之间的通信-1
- react 父子组件之间的通信和函数调用
- React-Native学习十九:组件之间的通信-1
- react-native 与 native组件之间的通信
- 组件之间的通信
- 组件之间的通信
- React 组件间的通信
- 在不使用redux的情况下 react无关系组件之间如何通信!
- Android组件之间的通信
- vue组件之间的通信
- 父子组件之间的通信
- Angular组件之间的通信
- Java线程常用知识点
- Java多线程编程总结
- spring mvc总结
- 2016/3/7 我从菜鸟开始研究直播技术
- Mongodb源码分析--删除记录
- react组件之间的通信
- 如何让孩子爱上设计模式 ——15.观察者模式(Observer Pattern)
- bootstrap 圆形按钮
- Django学习
- PHP程序中的常见漏洞
- mfc里ribbon
- 流媒体传输协议综述(RTP-RTCP RTSP RTMP HTTP)
- IFE_02_dynamicDataBinding_02
- 小菜之关于Android aar 引入 [Android Studio] *.jar 与 *.aar 的生成与*.aar导入项目方法