如何使用react和typescript将ref添加到react样式的组件div？

npm install react react-dom typescript

import React from 'react';
import './styles.css';

const MyComponent: React.FC = () => {
  return <div className="my-style">Hello World</div>;
};

export default MyComponent;

import React, { useRef } from 'react';
import './styles.css';

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

  return <div ref={myRef} className="my-style">Hello World</div>;
};

export default MyComponent;

import React, { useRef } from 'react';
import './styles.css';

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

  const handleClick = () => {
    if (myRef.current) {
      myRef.current.style.backgroundColor = 'red';
    }
  };

  return (
    <div>
      <div ref={myRef} className="my-style">Hello World</div>
      <button onClick={handleClick}>Change Color</button>
    </div>
  );
};

export default MyComponent;