Redux 简介

Redux 是一个用于管理 JavaScript 应用程序状态的库，它提供了一个可预测的状态容器，使得组件之间的状态共享变得简单。

安装

首先，你需要安装 Redux。你可以使用 npm 或 yarn 来安装：

npm install redux
# 或者
yarn add redux

基本概念

Action: 一个描述发生了什么的普通对象。
Reducer: 一个纯函数，它接受当前的 state 和一个 action，并返回新的 state。
Store: 一个对象，它包含了应用的整个 state，并提供了一些方法来访问和修改这个 state。

示例

以下是一个简单的 Redux 示例：

// Action
const ADD_COUNT = 'ADD_COUNT';

function addCount() {
  return { type: ADD_COUNT };
}

// Reducer
const initialState = { count: 0 };

function counterReducer(state = initialState, action) {
  switch (action.type) {
    case ADD_COUNT:
      return { ...state, count: state.count + 1 };
    default:
      return state;
  }
}

// Store
import { createStore } from 'redux';
const store = createStore(counterReducer);

// 订阅 store，当 state 发生变化时，打印日志
store.subscribe(() => console.log(store.getState()));

// 发起 action
store.dispatch(addCount());

Redux 简介

安装

基本概念

示例

更多信息