React组件在typescript中引用自己的DOM元素

import React, { useRef } from 'react';

const MyComponent: React.FC = () => {
  const myRef = useRef<HTMLDivElement>(null);

  const handleClick = () => {
    if (myRef.current) {
      // 访问DOM元素的属性和方法
      console.log(myRef.current.textContent);
      myRef.current.style.color = 'red';
    }
  };

  return (
    <div>
      <div ref={myRef}>这是一个DOM元素</div>
      <button onClick={handleClick}>点击我</button>
    </div>
  );
};

export default MyComponent;