如何在React中的多个div中调用相同的函数？

function handleClick() {
  // 调用目标函数
}

function App() {
  return (
    <div>
      <div onClick={handleClick}>Div 1</div>
      <div onClick={handleClick}>Div 2</div>
      <div onClick={handleClick}>Div 3</div>
    </div>
  );
}

function handleClick() {
  // 调用目标函数
}

function App() {
  const divs = [1, 2, 3];

  return (
    <div>
      {divs.map((div) => (
        <div key={div} onClick={handleClick}>
          Div {div}
        </div>
      ))}
    </div>
  );
}

function MyComponent({ onClick }) {
  return (
    <div>
      <div onClick={onClick}>Div 1</div>
      <div onClick={onClick}>Div 2</div>
      <div onClick={onClick}>Div 3</div>
    </div>
  );
}

function handleClick() {
  // 调用目标函数
}

function App() {
  return <MyComponent onClick={handleClick} />;
}