-
React Hooks – 性能优化相关的 Hooks
版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！ 1. React.memo 当父组件被重新渲染的时候，也会触发子组件的重新渲染，这样就多出了无意义的性能开销。如果子组件的状态没有发生变化，则子组件是不需要…
-
React Hooks – useReducer & useContext
版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！ 1. useReducer 当状态更新逻辑较复杂时可以考虑使用 useReducer。useReducer 可以同时更新多个状态，而且能把对状态的修改从组件…
-
React Hooks – useEffect & useLayoutEffect
版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！ 1. useEffect 什么是函数的副作用 函数的副作用就是函数除了返回值外对外界环境造成的其它影响，即与组件渲染无关的操作。例如获取数据、修改全局变量、…
-
React Hooks – useState & useRef & useImperativeHandle
版权归作者 ©刘龙宾 所有，本文章未经作者允许，禁止私自转载！ 1. 准备工作 基于 Vite 创建 React + TypeScript 的项目，具体创建项目的步骤，请参考 Vite 官方文档。 在 Vite 项目中配…