Redux的工作流程是什么?
Redux工作流程:
1. 从state里面读取count值复制给count,state.count更新就会触发useSelector
const count = useSelector((state: RootState) => state.count.value);
2. 发送 action 的函数,用来触发状态更新
const dispatch = useDispatch();
完整流程:
用户点击按钮
↓
dispatch(increment())
↓
创建 action: { type: 'count/increment' }
↓
Store 接收 action
↓
找到对应的 reducer (increment)
↓
执行 reducer 函数: state.value += 1
↓
状态更新: { count: { value: 1 } }
↓
useSelector 检测到变化
↓
组件重新渲染
↓
页面显示新的 count 值