react中redux的使用

Redux 是JavaScript应用的状态容器,提供可预测的状态管理。它主要用于解决React在大型复杂应用中组件通讯和状态管理的问题。Redux的核心包括action、reducer和store。action描述发生了什么,reducer负责状态的初始化和修改,store则是应用的状态仓库。通过安装redux、定义reducer、action和store,可以实现对应用状态的管理和组件间的通讯。
摘要由CSDN通过智能技术生成

什么是redux

        Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。

为什么Rect要用 Redux

        React 是 DOM 的一个抽象层(UI 库),并不是 Web 应用的完整解决方案。因此react在涉及到数据的处理以及组件之间的通信时会比较复杂。 对于大型的复杂应用来说,这两方面恰恰是最关键的。因此,只用 React,写大型应用比较吃力

  • 不使用 Redux  :

    • 只能使用父子组件通讯、状态提升等 React 自带机制

    • 处理远房亲戚(非父子)关系的组件通讯时乏力

    • 组件之间的数据流混乱,出现 Bug 时难定位

  • 使用 Redux :

    • 集中式存储和管理应用的状态

    • 处理组件通讯问题时,无视组件之间的层级关系

    • 简化大型复杂应用中组件之间的通讯问题

    • 数据流清晰,易于定位 Bug

Redux 三个核心概念

        1.action           

  • 一个js对象,包含两个属性:

    • type: 标识属性,值是字符串。多个type用action分开

    • payload:数据属性,可选。表示本次动作携带的数据

    • </
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值