前端包工头

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

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

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

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

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

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

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

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

1.test.js里面写增删改查 2.用postman看看效果(web版本的postman需要按照提示安装插件才能看) 查询 新增 删除 ok都成功了