Material-UI 단일 선택 <Table>에서 행내 컨트롤을 어떻게 구현합니까?

Question

단일 선택 테이블의 각 행에 <IconMenu>을 구현하고 있습니다. <Table onRowSelection=은 현재 행을 추적하기위한 이벤트를 제공합니다. 불행히도 사용자가 먼저 행을 선택하면 <IconMenu> 행에서 처음에 <IconMenu>의 클릭이 선택 취소되므로, <IconMenu><MenuItem onClick=이 실행될 때 선택한 행이 선택 취소됩니다.

나는이 중 일부를 해킹했습니다 (마지막으로 본 선택 항목 유지).하지만 여전히 문제가 있습니다. 특히 행 강조 표시가 없어져 사용자가 클릭 한 행을 확신 할 수 없게됩니다.

행의 <IconMenu>을 클릭 할 때 행 선택 동작을 완전히 금지하는 명확한 방법이 있습니까?

https://github.com/callemall/material-ui에 문제를 기재해야한다고 생각하십니까?

Answer 1

<IconMenu>이 포함 된 이벤트 전파를 중지하면이 문제를 해결할 수 있습니다. 이 작업을 수행하려면 <IconMenu>을 포함하는 각각에 onClick 핸들러를 추가하십시오. 다음과 같은 내용 :

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