Skip to content

redux笔记

统计信息:字数 2931 阅读6分钟

原始表格链接:https://cloud.seatable.cn/dtable/external-links/59b453a8639945478de2/

0024 Redux 的设计思路

Redux 是用来处理状态管理的一个工具库

把对应的 actions 进行 dispatch

然后所有的状态都存放在 store 中

对全局进行一个统一的状态管理

参考链接:https://www.zhihu.com/question/41312576

0037 Redux 的 reduce 函数为什么不能做异步操作

Redux 的设计理念:reducer函数是一个纯函数

redux 有三个主要的理念

1 state完全存储状态

2 不能直接更改,是state需要通过action来更改state

3 需要通过reduce函数纯函数来更改stake

正是这个设计的理念就决定了reducer 函数必须是一个纯函数,而不能返回一个 promise 或者 settimeout 等不确定的内容

Next state = reducer(current state, action)

0161 redux的具体操作

actions

reducer

store

update whole app

0163 React redux 的具体操作

mapStateToProps 把父组件的 state 作为 props 传递给子组件

https://zhuanlan.zhihu.com/p/26648239

0362 Redux 中的 reducer 是什么

reducer是一个纯函数,以 state 和 action 为参数。

reducer中,我们会跟踪接收到的操作类型,并根据它修改状态,返回一个新的状态对象。

export default function appReducer(state = initialState, action) {

  // The reducer normally looks at the action type field to decide what happens

  switch (action.type) {
    // Do something here based on the different types of actions
    default:
      // If this reducer doesn't recognize the action type, or doesn't
      // care about this specific action, return the existing state unchanged
      return state;
  }
}

0363 Redux 实现了哪种模式

Redux 实现了Flux 模式,它是应用程序的可预测状态管理模式。

它通过引入**单向数据流**,和**状态的集中存储**,来帮助管理应用程序的状态。了解更多

0366 Redux和Mobx有什么区别

  • Redux 是一种更简单、更有主见的状态管理库,它遵循严格的单向数据流,并提倡不变性。它需要更多的模板代码和显式更新,但与 React 的集成度很高。

  • Mobx 提供的 API 更灵活、更直观,模板代码更少。它允许你直接修改状态,并自动跟踪变化以获得更好的性能。

在 Redux 和 Mobx 之间做出选择取决于具体需求和偏好


Last update: November 9, 2024