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

Handsontable是一个强大的JavaScript库，用于创建交互式表格。在React中集成Handsontable v4，你可以通过`onCellEditorChange`事件来获取当前编辑的单元格行(row)和列(col)信息。以下是使用Handsontable@react的一个简单示例代码：

import React, { useRef } from 'react';
import Handsontable from 'handsontable/dist/handsontable.full-react';

function CustomEditor({ instance }) {
  const editorRef = useRef();

  // 当单元格进入编辑模式时触发
  instance.addEventListener('cellEditorChange', ({ row, col }) => {
    if (editorRef.current && editorRef.current.isBeingEdited()) {
      console.log(`当前正在编辑的单元格位置: 行 ${row}, 列 ${col}`);
    }
  });

  return (
    <div>
      {/* 使用Handsontable组件 */}
      <Handsontable
        ref={editorRef}
        data={yourData} // 这里填写你的数据数组
        columns={yourColumns} // 列配置
        cellRenderer={(props) => <input {...props} />}
        cellEditor={(props) => <input {...props} />} // 设置自定义编辑器
      />
    </div>
  );
}

// 在你的应用组件中使用CustomEditor
<CustomEditor />

在这个例子中，我们创建了一个名为`CustomEditor`的组件，它接收一个Handsontable实例作为prop，并在`cellEditorChange`事件中获取并打印编辑单元格的坐标。