Redux状态管理

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 值

React Hooks

React Hooks有哪些?分别有什么作用?

useState - 状态管理

useEffect - 副作用函数,类似vue的watch

useMemo - 性能优化,计算

useCallback() - 缓存函数,使函数对象不会每次触发创建

useRef() - 类似于js的获取节点

useContext - 全局状态,跨组件传参

自定义Hook - 需要use开头