handsontable@react组件怎么获取到当前编辑单元格的row和Col

Handsontable是一款React版的交互式电子表格库，它允许你在Web应用中创建动态的表格。当你需要获取当前正在编辑的单元格的行(row)和列(col)时，你可以通过` Handsontable `实例的事件处理程序来实现。以下是基本步骤：

1. 首先，在初始化 Handsontable 组件时，你需要注册 `cellEditorChange` 或 `afterCellEditorEnter` 等与单元格编辑相关的事件处理器。

import React from 'react';
import { Handsontable } from 'handsontable/react';

class MyTable extends React.Component {
  constructor(props) {
    super(props);
    this.htInstance = null;
  }

  // ...

  componentDidMount() {
    this.htInstance = new Handsontable(this.tableElement, yourOptions); // tableElement是你想要监听的元素

    this.htInstance.addEventListener('cellEditorChange', (event, row, col, value) => {
      console.log(`Current cell: Row ${row}, Column ${col}`);
    });
  }

  // ...
}

2. 在事件处理器里，`row` 和 `col` 分别代表当前编辑单元格的行号和列号。

当用户完成编辑并离开单元格时，你会得到新的单元格信息。如果你只想在编辑过程中获取，可以使用 `afterCellEditorEnter` 事件。

记得将 `yourOptions` 替换为你的实际配置选项，并确保你的组件引用了 Handsontable 的正确版本。