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>