docs/guides/redux

Redux 是一个由 Facebook 维护的前端 JavaScript 库，用于管理应用状态。以下是一些 Redux 的基本概念：

核心概念

Action：一个包含 type 和 payload 的对象，用于描述对应用状态的更改。
Reducer：一个纯函数，它接受当前的状态和一个 action，然后返回新的状态。
Store：一个包含整个应用状态的容器，它通过 dispatch 方法来接收 action，并通知所有订阅者状态已更新。

安装 Redux

首先，您需要安装 Redux：

npm install redux

或者

yarn add redux

创建 Store

以下是如何创建一个 Redux Store：

import { createStore } from 'redux';

const initialState = {
  count: 0
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    default:
      return state;
  }
};

const store = createStore(reducer);

获取和修改状态

要获取状态，可以使用 store.getState()：

const currentCount = store.getState().count;

要修改状态，可以使用 store.dispatch()：

store.dispatch({ type: 'INCREMENT' });

监听状态变化

您可以使用 store.subscribe() 来监听状态变化：

store.subscribe(() => {
  console.log(store.getState());
});

本站链接

了解更多关于 Redux 的内容，请访问我们的 Redux 指南。

Redux 官方网站提供了更多详细信息。