在react类组件。类组件中使用handsonTable/react组件时怎么自动实时获取到hotInstance中的值并来更新表格的width

在React类组件中使用handsontable/react组件时，若需要自动实时获取`hotInstance`中的值并更新表格的宽度，可以通过以下步骤来实现：

1. 使用`Handsontable.render()`函数来创建表格实例，并将其赋值给一个类组件的状态变量，以便于在组件的生命周期内对其进行管理。
2. 在类组件的`componentDidMount()`生命周期方法中初始化表格，并通过设置`autoresize: true`来启用自动调整宽度的功能。
3. 通过事件监听或周期性调用函数来获取`hotInstance`实例，并从这个实例中读取表格的当前宽度。
4. 将获取到的宽度值更新到组件的状态中，这将会触发组件的重新渲染，并使用新的宽度值来调整表格的宽度。

以下是一个简单的示例代码：

import React, { Component } from 'react';
import { HotTable } from 'react-handsontable';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      hotInstance: null,
      tableWidth: 'auto',
    };
  }

  componentDidMount() {
    // 假设ref="hotTable" 是HotTable组件上的ref属性
    this.setState({ hotInstance: this.hotTable.getInstance() }, () => {
      this.resizeTable();
    });
  }

  resizeTable = () => {
    const { hotInstance } = this.state;
    if (hotInstance) {
      // 自动调整表格宽度到内容宽度
      hotInstance.autoresize();
      // 获取实例化后的表格宽度
      const tableWidth = hotInstance.view.wt.wtTable.TABLE.scrollWidth + 'px';
      this.setState({ tableWidth });
    }
  }

  render() {
    const { hotInstance, tableWidth } = this.state;

    return (
      <HotTable
        ref={inst => (this.hotTable = inst)}
        autoresize={false}
        licenseKey="non-commercial-and-evaluation"
        data={this.props.data}
        // 其他handsontable配置项
      />
    );
  }
}

export default MyComponent;

在上述代码中，`autoresize={false}` 是为了避免在初始化时就自动调整宽度，我们希望通过`resizeTable`方法来自定义调整时机。在`resizeTable`方法中，我们使用`hotInstance.autoresize()`来自动调整表格宽度，并在状态中更新新的宽度值，从而触发组件的重新渲染。