В одном-единственном элементе Material-UI <Table>, как реализовать встроенные элементы управления?

Question

Я реализую <IconMenu> в каждой строке таблицы с одним выбором. <Table onRowSelection= содержит событие для отслеживания текущей строки. К сожалению, если пользователь сначала выбирает строку, а затем нажимает на <IconMenu>, строка сначала видит щелчок на <IconMenu> как снятие выделения, поэтому при выборе нет выбранной строки.

Я взломал часть этого (сохранив последний вид), но все еще есть проблемы; в частности, подсветка строки исчезла, поэтому пользователь может не знать, на какую строку они нажали.

Есть ли чистый способ запретить поведение выбора строки в целом при нажатии на кнопку <IconMenu> в строке?

Как вы думаете, я должен написать вопрос о https://github.com/callemall/material-ui?

Answer 1

Вы можете обойти это поведение, остановив распространение события в каждом, которое содержит <IconMenu>. Для этого просто добавьте с обработчиком onClick к каждому, который содержит <IconMenu>. Что-то вроде этого:

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