常用内置hook

69 阅读1分钟

useState 管理状态

useRef 创建的对象,其值只有一份,而且在所有 Rerender 之间共享

useRefuseState的区别是,前者创建的对象是全局共享,而后者创建的对象是独立存在的,前者不会触发组件重新渲染,后者会触发组件重新渲染

useEffect 处理副作用,在每次Render后执行

useReducer 同时管理多个状态 此hook是在当需要使用的state太多时使用,使用规则可参考:juejin.cn/post/684490…

useCallback 解决将函数抽到 useEffect 外部的问题,为了解决 useEffect 内部函数太多

useMemo 更细粒度的优化渲染,只有当useMemo中所依赖的项发生变化时才会重新渲染

useContext 使用useContext来把公共变量或方法聚合在一起,做全局穿透引用,类似于vuex