在 Material-UI 单选 <Table> 中，如何实现行内控件？答案

【问题标题】：In a Material-UI single-select <Table>, how does one implement in-row controls?在 Material-UI 单选 <Table> 中，如何实现行内控件？
【发布时间】：2016-06-29 21:28:41
【问题描述】：

我在单选表的每一行中实现<IconMenu>。 <Table onRowSelection= 提供用于跟踪当前行的事件。不幸的是，如果用户首先选择该行，然后单击<IconMenu>，则该行首先会将单击<IconMenu> 视为取消选择，因此当<IconMenu><MenuItem onClick= 触发时没有选定的行。

我已经解决了其中的一些问题（保留最后一次看到的选择），但仍然存在问题；特别是，行突出显示消失了，因此用户可能不确定他们单击了哪一行。

当点击行中的<IconMenu> 时，是否有一种干净的方法可以完全禁止行选择行为？

你认为我应该在https://github.com/callemall/material-ui 上写一个问题吗？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

您可以通过停止每个包含<IconMenu> 的事件传播来解决此问题。为此，只需为每个包含<IconMenu> 的 onClick 处理程序添加一个。像这样的：

<TableRowColumn>
    <div onClick={(e) => {e.stopPropagation()}}><IconMenu></div>
</TableRowColumn>

【讨论】：