博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react组件通信
阅读量:7080 次
发布时间:2019-06-28

本文共 481 字,大约阅读时间需要 1 分钟。

react组件通信,主要分为以下几种情况

一、父子组件,父传子props,子传父callback

  1. 向下传递

父组件给子组件传值,通过props传递

父组件给孙子组件、曾孙等有直接或间接调用关系的组件传值,也可以通过props层层传递下去,但是这样层级太多以后会找不到props的数据源。

  1. 向上传递

子组件向父组件传值,通过回调函数的方式,父组件先通过props传递给子组件一个函数,子组件调用这个函数,本质还是通过props传递。

孙子、曾孙组件向上传递,同上层层调用。

二、没有嵌套关系的组件通信

  1. 找一个共同的父组件,作为中间组件来进行值传递
  2. Event发布-订阅模式

整个项目创建一个公共的Event对象,这个对象的属性以及方法可以被全局调用。

三、 redux、Mobx等全局状态管理库

四、 react16全新context API

通过context我们可以直接从祖先组件获取值,而不需要层层传递。

新的contextAPI与redux的用法类似。

转载于:https://juejin.im/post/5d08b6746fb9a07f021a02fb

你可能感兴趣的文章
Python中的commands模块
查看>>
前端之CSS:CSS补充
查看>>
linux找不到主机名解决办法
查看>>
html,jquery,ajax,servlet,mysql实现前端数据写入数据库
查看>>
验证码
查看>>
ajax01
查看>>
React Native 环境搭建
查看>>
leetcode------Excel Sheet Column Title
查看>>
ceshi
查看>>
TrueCrypt 7.1a Hashes
查看>>
哪种编程语言好?
查看>>
Ubuntu 桌面死机后重启桌面方法
查看>>
Oracle 包(Package)
查看>>
Java中的时间日期处理
查看>>
Nginx 1.10.1 编译、配置文档(支持http_v2,TLSv1.2,openssl v1.0.2)
查看>>
2017年10月18日23:54:18
查看>>
难以置信,根本就没拖延症!
查看>>
linux文件系统实现浅析
查看>>
【转】Python3 configparse模块(配置)
查看>>
【转】实习小记-python 内置函数__eq__函数引发的探索
查看>>