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

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

被折叠的 条评论
为什么被折叠?



