Reactjs 单击“选择”字段中的渲染项？

在材质ui中，可以呈现

Select

组件中的元素。 我希望在选定组件中渲染

芯片

。但我也希望能够点击芯片并触发

onClick

处理程序

不过，我似乎不知道如何让芯片可以点击。每次单击似乎都会触发包含select的元素

我创建了一个代码沙盒来演示我的问题

---

您需要将

onMouseDown

处理程序添加到芯片组件中，并在其中使用

stopPropagation

，因为

Select

会侦听

mousedown

事件

onMouseDown={e => {
  e.stopPropagation();
}}

---

我通过将芯片的z指数高于select元素来实现芯片的可点击性。也许试一下，试一下。没有用。Danila的答案本身就足够了，但如果你想知道，你需要一个至少1301的z指数才能将其带到顶部。