react全局状态管理_react状态管理redux

本文通过结合阮一峰的技术博客,详细介绍了Redux在React全局状态管理中的应用。Redux是一个用于管理应用状态的库,其核心思想是将状态保存在单一对象中,并通过Action触发State的改变。文中讲解了Store、State、Action、Action Creator、Reducer和store.dispatch()等关键概念,并通过一个简单的计数器例子展示了Redux的工作流程。同时强调了Reducer的纯函数特性以及如何处理异步操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Redux(上)

结合阮老师的技术博客,将自己吸收到的内容做了个整理:

曾经有人说过这样一句hua : 如果你不知道是否需要Redux,那就是不需要它。

从组建层面考虑,什么样子的需要redux;某个组件的状态需要共享,

某个状态需要在任何地方都可以拿到,

一个组件需要改变全局状态,

一个组件需要改变另一个组件的状态

一)Redux的设计思想 很重要

1)web应用是一个状态机,试图与状态是一一对应的

2)所有的状态,保存在一个对象里面(唯一数据源)

二)基本概念和 API

1、store

store就是保存数据的地方,你可以把它看成一个容器。整个应用只能有一个Store

Redux提供createStore这个函数,用来生成Store,import {createStore} from 'redux'

/创建一个reducer文件夹 并引入reducer

const store = createStore(reducer)

export default store

2、state

Store对象包含所有数据。如果想得到某个时点的数据,就要对 Store 生成快照。这种时点的数据集合,就叫做 State。

当前时刻的 State,可以通过store.getState()拿到。import { createStore } from 'redux';

const store = createStore(fn);

const state = store.getState();

Redux 规定, 一个 State 对应一个 View。只要 State 相同,Vie

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值