Reactjs 反应-表单选择图像

我是新手，我正在尝试使用select创建一个表单，其中用户必须选择一个

div

，其中包括一个

picture

+a

h2

，如下示例所示：

这是我到目前为止，但我没有收到任何错误消息，没有表单出现在页面上

  <select>
    <option style="background-image:url(${process.env.PUBLIC_URL + 'images/aws.png'});">
      AWS
    </option>
    <option style="background-image:url(${process.env.PUBLIC_URL + 'images/gcp.png'});">
      GCP
    </option>
    <option style="background-image:url(${process.env.PUBLIC_URL + 'images/azure.png'});">
      Azure
    </option>
  </select>

[![enter image description here][1]][1]

自动气象站
GCP
蔚蓝色的
[！[在此处输入图像描述][1][1]

---

你们中的任何一个人都有这种

select

？

的示例，你们可以简单地用自己的html标记替换选项，例如div。并添加保留该选择项的状态

const [selectedElement, setSelection] = useState(null)

<div onClick={() => setSelection('USA')}>
   USA
{/* your html */}
</div>

const[selectedElement，setSelection]=useState（null）
setSelection（‘美国’）}>
美国
{/*您的html*/}

---

然后写下你自己的风格、逻辑等等。

但是为什么要选择呢？您可以简单地使用所选元素写入状态，并在每个div onClick事件上使用一些参数，如setSelection（'USA'）是的，正确，我将这样做