React

useLayoutEffect 介绍 官方解释：useLayoutEffect 是 useEffect 的一个版本，它在浏览器重绘屏幕之前触发。

useReducer 介绍 官方介绍： useReducer 是一个 React 钩子，可让你将 reducer 添加到组件中。

useCallback 介绍 官方定义：useCallback 是一个 React 钩子，可让你在重新渲染之间缓存函数定义。 个人理解：useCallback 在组件渲染期间用于缓存一个函数的引用。

useState 介绍 useState 用于函数式组件中声明状态变量，类似于类组件中的 state 对象。同时使用 useState 声明的状态变量可以添加到组件中，同时状态变量也是响应式的。 语法

前言 图片懒加载是一种优化网页性能的技术，它允许在用户滚动到图片位置之前延迟加载图片。通过懒加载，可以在用户需要查看图片时才加载图片，避免了不必要的图片加载，从而提高了网页的加载速度和用户体验。

使用 ref 引用值 官方定义：useRef 是一个 React Hook，它能帮助引用一个不需要渲染的值。 语法：const ref = useRef(initialValue) 用法

介绍 react框架本身不带路由功能，使用路由之前需要先安装，react提供了两个包，分别是React-router 与 React-router-dom ，他们的区别如下: 安装 使用 npm 安装

什么是 useContext ？ 在一个父级组件中接收一个 context 值，并在其子组件或者子子组件中返回当前 context 值。调用 useContext 组件总会在 context 变化的重

什么是useCallback 和 useMemo？ 先说结论 useCallback 和 useMemo 都可缓存函数的引用或值，但是从更细的使用角度来说 useCallback 缓存函数的引用。

什么是useEffect？ useEffect 可以看做 componentDidMount，componentDidUpdate 和 componentWillUnmount 这三个函数的组合。

什么是useState？ 对比类中定义变量的写法？ 在class中声明一个 state 变量的写法 在函数组件中，我们没有 this，所以我们不能分配或读取 this.state。