useLayoutEffect Hook 概述大部分情况下 useLayoutEffect 和 useEffect 没太大区别(用法格式都相同)但是如果需要修改 DOM 的布局样式, 那么推荐使用 useLayoutEffect...useEffect 函数会在组件渲染到屏幕之后才执行, 所以会可能会出现 闪屏 的情况useLayoutEffect 函数是在组件渲染到屏幕之前执行, 所以不会出现闪屏情况首先来看 useEffect...会出现闪屏的情况代码如下:App.js:import React, {useRef, useState, useEffect} from 'react';import '....useEffect在绝大多数的情况下能用 useEffect, 就用 useEffect什么时候用 useLayoutEffect只有在需要组件挂载之后更新 DOM 的布局和样式的时候才使用 useLayoutEffect..., 才去更新 DOM 的布局和样式, 那么用户体验不好, 会看到闪屏的情况,而如果是在组件还没有渲染到屏幕上, 就去更新 DOM 的布局和样式, 那么用户体验更好, 看不到闪屏情况。