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

Handsontable React 是一个强大的表格组件库，它允许你在 Web 应用中创建交互式的电子表格。当你需要在 @14.5.0 版本中获取正在编辑的单元格的行(row)和列(col)，可以利用 Handsontable 的 API，特别是 `afterChange` 或 `onCellEditingStop` 事件。

首先，在组件初始化后，你会有一个 `hotInstance` 对象，它是 Handsontable 实例的核心。以下是使用 `hotInstance` 获取编辑单元格信息的一个简单示例：

import React, { useRef } from 'react';
import { useHotTable } from 'handsontable/react';

function MyHandsontableComponent() {
  const hotRef = useRef(null);
  const [hotInstance] = useHotTable({
    // 初始化配置...
    afterChange: (changes, source) => {
      if (source === 'edit') {
        const { row, col } = changes[0];
        console.log('Current cell being edited:', { row, col });
      }
    },
  });

  // 渲染 Handsontable 表格并绑定 hotInstance 到 hotRef
  return (
    <div>
      {/* ... */}
      <table ref={hotRef}>
        {/* Handsontable 表头、数据和配置... */}
      </table>
    </div>
  );
}

// 使用时记得处理 hotInstance 的生命周期
export default MyHandsontableComponent;

在这个例子中，当用户开始编辑单元格后，`afterChange` 方法会被触发，提供了一个包含编辑更改信息的对象数组，我们可以从中提取 `row` 和 `col` 的值。

如果你需要在编辑停止时获取单元格信息，可以使用 `onCellEditingStop` 代替：

useEffect(() => {
  hotInstance.on('cellEditingStop', ({ row, col }) => {
    console.log('Editing stopped at:', { row, col });
  });
}, [hotInstance]);