材料表檢測行上的懸停

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