材料表检测行上的悬停

Question

我正在使用 React material-table ( https://material-table.com )。 我可以检测到某行何时被悬停吗？

我需要一些像onRowClick这样的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