Redux 是一种流行的状态管理库，用于在 JavaScript 应用程序中管理应用的状态。它遵循单一状态树的原则，将整个应用的状态保存在一个状态树中，并通过纯函数来修改状态。Redux 的原理和使用方式如下：
Redux 的原理
单一状态树：Redux 使用单一状态树来管理整个应用的状态。这个状态树是一个普通的 JavaScript 对象，表示应用的整体状态。
状态只读：Redux 中的状态是只读的，即不能直接修改状态。要修改状态，必须通过纯函数来触发一个动作（Action）。
纯函数的 reducer：纯函数的 reducer 接收一个当前的状态和一个动作对象，然后根据动作类型来返回一个新的状态。Reducer 是纯函数，它不会修改原有的状态，而是返回一个新的状态。
使用 store 存储状态：Redux 使用一个名为 store 的对象来存储状态，并提供一些方法来获取状态、派发动作和订阅状态变化。
使用订阅者模式：当状态发生变化时，Redux 会通知订阅者，从而更新应用中的视图。
Redux 的使用方式
Redux 的使用方式分为以下几个步骤：
1. 定义状态的初始值
在 Redux 中，需要先定义状态的初始值，即整个应用的初始状态。
const initialState = {
counter: 0,
};
2. 编写 reducer 函数
编写一个 reducer 函数来处理动作，根据动作类型来返回新的状态。Reducer 是一个纯函数，接收当前状态和动作对象作为参数，并返回一个新的状态。
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state, counter: state.counter + 1 };
case 'DECREMENT':
return {
...state, counter: state.counter - 1 };
default:
return state;
}
};
3. 创建 store
使用 Redux 的 createStore() 方法创建一个 store，并将 reducer 函数传入其中。
import {
createStore } from 'redux';
const store = createStore(reducer);
4. 发起动作（dispatch）
要修改状态，需要发起一个动作。使用 store 的 dispatch() 方法来派发一个动作。
store.dispatch({
type: 'INCREMENT' });
5. 获取状态（getState）
使用 store 的 getState() 方法获取当前的状态。
console.log(store.getState()); // { counter: 1 }
6. 订阅状态变化
可以通过 store 的 subscribe() 方法来订阅状态的变化，当状态发生变化时，会触发订阅的回调函数。
store.subscribe(() => {
console.log('State changed:', store.getState());
});
以上是 Redux 的基本使用方式，通过派发动作来触发 reducer，然后根据 reducer 返回的新状态来更新整个应用的状态。Redux 还支持使用中间件（Middleware）来处理异步操作、日志记录等功能，以及使用 React-Redux 来连接 React 组件与 Redux 状态。这些进阶用法可以更好地应对复杂的应用场景。
