React Hook

const [state , dispatch] = useReducer( reducer , intialState ) const [state , dispatch] = useReducer

Provider 组件的写法跟之前的 类式组件中的Context组件是一样的 而对于 Consumer 组件，就需要使用useContext()，该 hook 函数返回的就是，我们给 Provider

可以保存 DOM 节点 可以对原生 DOM 节点进行一些操作！！ 可以保存组件 可以保存普通变量 可以接收一个参数 -- 要保存的变量的初始值！！ 注意： 因为涉及到重新渲染问题，所以如果是普通的进行

useCallback(fn , [] ) 等价于 useMemo(()=> fn , []) 唯一的区别就是，useCallback() 不会执行第一个参数，而是直接把它的缓存返回给你，而useMe

useCallback(()=>{} , []) 接收两个参数，第一个参数是一个回调函数，第二个参数是依赖项；返回值为传入的回调函数的 memorized 版本 ，只有当第二个参数中的依赖性改变时才会

问题分析 比如我们把接口返回的数据，使用 useState 储存起来，但是当后面去改变这个数据的时候，每次拿到的都是上次的数据，无法实时更新。 到底是异步还是同步，why有时候又觉得是同步的？ 只要你

在编写函数组件时需要向其添加一些 state 来用时 ，使用 State Hook ？ 先引入 React 中的 useState Hook ，使用 useState 方法声明 state 变量

1 . useEffect( )方法接收一个函数作为参数，在这个函数里面 ，你可以告诉 React 组件需要在渲染后执行某些操作。副作用需要清除就返回这个函数 ，不需要清除就不用返回！！！

只能在组件最顶层调用 Hook 。**不要在循环，条件或嵌套函数中调用 Hook** - 只在 `React 函数组件 ` 或者 `自定义 Hook`中调用 Hook 。不在普通的 JS 函数中调用。

1 . 函数组件的声明 不接受 props 的组件 2 . 类型的声明 （写在组件上面）3.props 本身是一个对象， 所以对 props 进行类型声明时 ，要以对象类型的形式声明

1 . 作用 2 . 使用场景 比如说当你登陆之后，你的个人信息一般是不会变的，当你退出登陆，重新输入另外一个人的账号密码之后，这个时候个人信息可能就变了，那这样我就可以把账号和密码`两个作为依赖项，

useLayoutEffect与useEffect名字很像，用法也大致类似，但两者执行时机不同： 根据上述特性，可以预计到如果在useEffect中瞬时连续更新某个状态，那么页面会发生多次渲染，现在举

一. 渲染两次问题 注意： 在严格模式下，React 开发环境会可以执行两次渲染，用于突出存在的问题！！结果就会导致组件中的代码在渲染时好像被执行了两次！！ 解决方法： 关闭严格模式即可！！ 二. 重