Redux 是一个用于 JavaScript 应用的可预测状态容器,特别适合管理复杂应用中的数据流。以下是如何使用 Redux 的简明指南:

🧠 核心概念

  1. State(状态)
    应用的全部数据存储在单一对象中,如:

    状态管理
  2. Action(动作)
    所有状态变更必须通过 Action 触发,示例:

    { type: 'ADD_TODO', payload: { text: '学习Redux' } }
    
  3. Reducer(纯函数)
    根据当前状态和 Action 返回新状态,例如:

    reducer函数

🛠 使用步骤

  1. 创建 Redux Store

    import { createStore } from 'redux';
    const store = createStore(reducer);
    
  2. 编写 Reducer

    纯函数示例
  3. 操作 Store

    • store.getState() 获取状态
    • store.dispatch(action) 发起动作
    • store.subscribe(listener) 监听变更

📚 扩展阅读

想深入了解高级用法?请前往 Redux高级教程 获取更多内容!

💡 常见问题