react组件通信

1、 context 数据共享 从根组件里传进去, 类似Vue中的 provider reject 但是不能子组件向上传递 因为是单向的
组件跨层级通信 context
contextType
useContext
consumer

2、Redux是可以单独使用的, 但是每个文件都要引入store 手动订阅 取消订阅
优化: 把store放到index里 利用react-redux的provider组件 把store传进去,然后在子组件中利用connect高阶函数把state dispatch映射到props上

3、 hooks useSelector 、 useDispatch

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

相关阅读更多精彩内容

  • 父子 父子通信(回调函数)[组件通信] 父传子:父组件传一个函数给子组件,子组件在恰当的时候调用 子传父:1.父组...
    追夢的蚂蚁阅读 165评论 0 0
  • react是以组合组件的形式组织的,那么组件间是如何传递信息的呢? 父组件向子组件通信 parent组件传给chi...
    DCbryant阅读 552评论 0 0
  • 1 组件间通信 父组件向子组件通信React规定了明确的单向数据流,利用props将数据从父组件传递给子组件。故我...
    Dabao123阅读 1,005评论 0 4
  • react组件通信是一个常用功能,在做react项目中经常遇到 React组件层级关系 在了解Reat组件通讯之前...
    ZhangYu31阅读 522评论 3 16
  • 今天来看一下react组件之间是怎么进行通讯的。react推崇的是单向数据流,自上而下进行数据的传递,但是由下而上...
    亲亲qin阅读 6,077评论 2 12

友情链接更多精彩内容