（蚂蚁设计表组件）移动速度过快时，鼠标事件未注册

Question

我正在使用Ant设计的Table组件显示数据列表，现在当我将鼠标悬停在一行上时，我想更改该行的内容，这是我通过使用[{1}}属性成功实现的表组件并在组件状态下保存悬停行的索引，我将悬停索引和行索引发送到表行：

onRow

我正在使用表格的 onRow = (record: any, rowIndex: number) => { const { hoverIndex } = this.state; return { onMouseEnter: () => { this.setState({ hoverIndex: rowIndex }); }, onMouseLeave: () => { this.setState({ hoverIndex: null }); }, hoverIndex, rowIndex, }; }; 属性来动态切换行：

components

现在在 components={{ body: { row: RowSwitcher, }, }} 中，我有条件地渲染行，条件是RowSwitcher等于hoverIndex：

rowIndex

现在，问题是，如果我快速移动鼠标，有时鼠标事件未注册，并且鼠标移至下一行，条件渲染使我处于悬停状态和正常的CSS悬停：

谢谢您的帮助。