单击选择字段中的渲染项目？答案

【问题标题】：Click on rendered item in select field?单击选择字段中的渲染项目？
【发布时间】：2020-08-31 21:11:27
【问题描述】：

在 material-ui 中，可以在 Select 组件中渲染元素。我很想在一个选择组件中渲染一个Chip。但我也希望能够点击芯片并触发onClick 处理程序。

不过，我似乎无法弄清楚如何使芯片可点击。每次点击似乎都会触发包含的选择元素。

我创建了一个 CodeSandBox 来演示我的问题。

【问题讨论】：

【解决方案1】：

您需要将onMouseDown 处理程序添加到您的Chip 组件并在那里使用stopPropagation，因为Select 侦听mousedown 事件。

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

【讨论】：