Material-Table 检测悬停在行上

Question

我正在使用 React material-table (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)}

Answer 1

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

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

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

Material-Table 检测悬停在行上

Material-Table detect hover on row

javascript

reactjs

material-table