Material-Table 检测悬停在行上答案

【问题标题】：Material-Table detect hover on rowMaterial-Table 检测悬停在行上
【发布时间】：2020-02-26 07:36:47
【问题描述】：

我正在使用 React 材料表 (https://material-table.com)。我可以检测悬停的行吗？

我需要一些像onRowClick 这样的属性，但对于hover：

<MaterialTable icons={{ Filter: () => 
    <SearchIcon className={classes.searchIcon} /> 
    }} columns={[ ... ]} data={this.props.data} options={{ ... }} 
    onRowClick={(event, rowData) => this.handleOpen(event, rowData)}

【问题讨论】：

标签： javascript reactjs material-table

【解决方案1】：

我不确定我是否理解正确，但我认为您正在寻找onMouseEnter。您可以传入自定义组件，即使是 row 也是如此。然后，您可以在它们上监听 mouseenter 事件。

https://material-table.com/#/docs/features/component-overriding

https://reactjs.org/docs/events.html#mouse-events

【讨论】：

onMouseEnter 不是 Material-Table 的有效属性。我想避免覆盖，因为它会导致很多其他问题。
@Lilly8881 Material-Table 没有内置的鼠标输入监听器，所以我很确定覆盖是您唯一的选择。您可以像这样“扩展”默认的 Row 组件，我相信：const MyTable = props => { return <MaterialTable components={{ Row: rowProps => <MTableBodyRow {...rowProps} onMouseEnter={eventHandler} /> }} ... more material table props />; }