获取图像元素的“src”属性

问：

我正在构建一个产品显示组件，其中所选图像显示为主要图像。如何在 useState 中获取每个图像的来源？我应该将其作为参数传递给函数吗？我是 React 的新手，因此非常感谢您的帮助。

import { useState } from "react";

function App() {
  const [insertImage, setInsertImage] = useState("/images/camaro.jpg");

  function setImage() {
    setInsertImage("SRC REQUIRED HERE");
  }
  return (
    <div className="flex flex-col gap-3 max-w-3xl m-auto">
      <div className="w-full">
        <img src={insertImage} className="h-full w-full"></img>
      </div>
      <div className="flex gap-2">
        <div className="w-96" onClick={setImage}>
          <img
            src="/images/camaro.jpg"
            className="transition-opacity delay-75 hover:opacity-70 cursor-pointer active:scale-95"
          ></img>
        </div>
        <div className="w-96" onClick={setImage}>
          <img
            src="/images/mclaren.jpg"
            className="transition-opacity delay-75 hover:opacity-70 cursor-pointer active:scale-95"
          ></img>
        </div>
        <div className="w-96" onClick={setImage}>
          <img
            src="/images/gtr.jpg"
            className="transition-opacity delay-75 hover:opacity-70 cursor-pointer active:scale-95"
          ></img>
        </div>
        <div className="w-96" onClick={setImage}>
          <img
            src="/images/mclaren.jpg"
            className="transition-opacity delay-75 hover:opacity-70 cursor-pointer active:scale-95"
          ></img>
        </div>
      </div>
    </div>
  );
}

export default App;