handsontable-react @14.5.0版本组件怎么才能获取到当前正在编辑单元格的row和Col，具体代码案例

Handsontable React 是一个用于创建交互式电子表格的库，它允许你在React应用中动态地处理表格数据。在 v14.5.0 版本中，你可以通过监听 Handsontable 的 `afterChange` 或 `cellDblClick` 事件来获取当前编辑单元格的行(row)和列(col)。

首先，你需要安装 Handsontable 和 Handsontable React：

npm install handsontable @handsontable/react@14.5.0

然后，在你的组件中初始化 Handsontable，并设置适当的事件处理器：

import { useState } from 'react';
import { useHotTable } from '@handsontable/react';

function MyEditor() {
  const [hotInstance, registerHotInstance] = useHotTable(
    {
      data: yourData, // 假设你的数据是一个二维数组
      columns: yourColumns, // 假设这是你的列配置
      afterChange: ({ row, col, type }) => {
        console.log('Current cell:', { row, col });
        // 在这里可以获取到编辑后的行和列信息
      },
      cellDblClick: (event, row, col, TDElement) => {
        console.log('Double clicked at:', { row, col });
        // 当单元格双击时，会触发这个事件
      }
    },
    containerRef,
    options // 其他Handsontable选项，如行、列冻结等
  );

  return (
    <div ref={containerRef}>
      {/* Your Handsontable JSX here */}
    </div>
  );
}

在这个例子中，当你编辑或双击单元格时，会在控制台看到相应的行和列信息。记得替换 `yourData` 和 `yourColumns` 为你实际的数据和列配置。