修改DOM元素的属性

实例

通过 [use::useEffect] 在组件挂载后或更新后操作 DOM。

import React, { useRef, useEffect } from 'react';
 
function MyComponent() {
  const myRef = useRef(null);
 
  useEffect(() => {
    // 直接操作 DOM
    myRef.current.style.color = 'red';
  }, []);
 
  return (
    <div ref={myRef}>
      我是一个 div 元素
    </div>
  );
}

这种方式确保了你能够在 React 中安全地操作 DOM。同时，你也可以通过回调 refs 或者第三方库（例如 ReactDOM）进行更复杂的操作。