演示 又一个wordpress站点seo交流qq群

1. useMemo Vs useCallBack

1. useMemo第一个参数返回的是值，useCallBack返回的是函数

2. useMemo和useCallBack第二个参数都是依赖项

3. useMemo避免组件非依赖项更新时参数的计算

4. useCallback避免父组件非依赖项更新时造成子组件的重复渲染

2. React.memo 使用场景

1. 纯prue组件（没有内部依赖）

2. 子组件有回调函数，搭配useCallBack使用

3. 组件经常被相同props重复渲染

3. 全局状态管理方案

1. Context官方提供的一种跨组件访问的一种方案

1. React.createContext 创建上下文，并接受默认参数，并返回provider和consumer组件

2. 也可用useContext获取上下文

2. useReducer与useContext结合

1. useReducer创建state状态，再使用useContext共享数据

3. Redux 常用全局状态管理

1. 创建createStore

2. App.js 中添加订阅：

<Provider store={reduxStore}>{Childer}
</Provider>

3. 使用

// useDispatch用于导出dispatch方法const dispatch = useDispatch();
//stateconst counter = useSelector<CounterState, number>((state) => state.counter);

4. Redux流程

1. 用户操作或者函数触发dispatch,将数据请求传给store

2. store直接提交action给reducers,reducer根据action的类型处理数据后，并将处理结果返回store

3. store将结果返回到组件

4. setState

1. setState是异步更新

2. 在合成事件，通过设置isBatchingUpdates设置为false,先获取state再赋值，体现为中同步更新：addEventListener、setTimeout、setInterval