react 交流

React 组件之间交流的方式,可以分为以下 3 种:

【父组件】向【子组件】传值;

这个是相当容易的,在使用 React 开发的过程中经常会使用到,主要是利用 props 来进行交流。例子如下:

【子组件】向【父组件】传值;

接下来,我们介绍【子组件】控制自己的 state 然后告诉【父组件】的点击状态,然后在【父组件】中展示出来。因此,我们添加一个 change 事件来做交互。就是代理或者闭包,回调

没有任何嵌套关系的组件之间传值(PS:比如:兄弟组件之间传值)

如果组件之间没有任何关系,组件嵌套层次比较深(个人认为 2 层以上已经算深了),或者你为了一些组件能够订阅、写入一些信号,不想让组件之间插入一个组件,让两个组件处于独立的关系。对于事件系统,这里有 2 个基本操作步骤:订阅(subscribe)/监听(listen)一个事件通知,并发送(send)/触发(trigger)/发布(publish)/发送(dispatch)一个事件通知那些想要的组件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,266评论 25 709
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 7,881评论 1 18
  • “在吗” “嗯” “你还好吗” “嗯,还好。你呢” “还好” “那就好” “就算不好也要说好不是吗” 在他们分开很...
    夏沐_阅读 3,214评论 0 3
  • “时光不老,我们不散”多少毕业之际的满腔热血,可是真的会不散吗?我想,这个答案是未知的。谁也不知道下一秒你会遇见...
    心情杂貨鋪阅读 2,656评论 2 6
  • 记得曾说过毕业酒会要唱一首十年,要喝到烂醉,要哭要拥抱,要给你打电话 但是毕业来得那么快,快到毕业酒会都不见了,那...
    雪梨啊阅读 984评论 0 0

友情链接更多精彩内容