React 的 useEffect 和 useLayoutEffect 有哪些关键差异？

【概念释义】

useEffect 在浏览器 绘制完成后异步 执行，不阻塞视觉更新，适合数据请求、订阅、日志。useLayoutEffect 在 DOM 变更后、绘制前同步 执行，适合测量布局、同步改 DOM 避免闪烁。大部分副作用用 useEffect；需读 layout 用 useLayoutEffect。

【基础使用】

function Tooltip() {
  const ref = useRef(null);
  const [style, setStyle] = useState({});

  useLayoutEffect(() => {