Redux 是一个用于 JavaScript 应用的可预测状态容器,特别适合管理复杂应用中的数据流。以下是如何使用 Redux 的简明指南:
🧠 核心概念
State(状态)
应用的全部数据存储在单一对象中,如:Action(动作)
所有状态变更必须通过 Action 触发,示例:{ type: 'ADD_TODO', payload: { text: '学习Redux' } }
Reducer(纯函数)
根据当前状态和 Action 返回新状态,例如:
🛠 使用步骤
创建 Redux Store
import { createStore } from 'redux'; const store = createStore(reducer);
编写 Reducer
操作 Store
store.getState()
获取状态store.dispatch(action)
发起动作store.subscribe(listener)
监听变更
📚 扩展阅读
想深入了解高级用法?请前往 Redux高级教程 获取更多内容!
💡 常见问题
- Q: 如何调试 Redux?
A: 使用 Redux DevTools 插件,如: