react

useCallback 用Callback函数包裹后，内存地址就不会发生改变，也就不会重新渲染 usecallback和useMemo的区别 相同： 不同：

> 1. 组件在重新渲染的时候，useRef的值不会被重新初始化。 > > 2. 改变 ref.current 属性时，React 不会重新渲染组件。React 不知道它何时会发生改变，因为

useContext 用法： 使用 createContext.Provider 来包裹需要共享数据的组件，并通过 value 属性传递数据

useMemo： 注意 执行时机 React组件渲染条件： 案例 当我们使用 useMemo 缓存后，只有 goods 发生变化时， total 才会重新计算, 而 search 发生变化时， tot

> useReducer：**更适合处理复杂的状态逻辑。** > > `useReducer` 跟 `useState` 一样的都是帮我们管理组件的`状态`的，但是呢与`useState`不同的是

useLayoutEffect和useEffect用法基本相同 区别： 区别 useLayoutEffect useEffect 执行时机 浏览器完成布局和绘制之前执行副作用 浏览器完成布局和绘制之后

useEffect 什么叫副作用函数呢？ 执行时机 1.页面初始化，首次加载一下接口之类的 依赖项发生变化也会立刻执行，依赖性可以支持多个。 清理副作用函数，也可以做防抖

数据类型的处理 简单数据类型： 复杂数组类型：： 对象 更新机制 此处先执行console.log，在执行 setIndex(index + 1)。 是因为 setIndex(index + 1)是异

> 主要是为了解决大组件更新的卡顿问题 > 任务切片-如把1万个dome更新切成小的单元，在浏览器空闲的时候去执行任务 > > 可任务调度，可暂停渲染 可控制优先级，优先更新用户可以感知的部分

useMemo是缓存值的,useMemo是防止不必要的的函数调用。 总结： 　　1、“万恶之源” ：函数式组件每次重新渲染时，都会把函数体里的所有代码执行一遍。 　　2、useMemo 解决的是 防止

`` 区别： 执行时机不同： useLayoutEffect：DOM 发生了改变之后，浏览器绘制之前执行的    useEffect： 浏览器完成渲染之后 执行过程不同：   useLayoutEff

不同点： useCallback - 缓存的是函数 useMemo - 缓存的是返回值 相同点： 都是用于缓存数据，优化性能，两者接收的参数都是一样的 应用场景： useMemo：数据的过滤、排序等