如何在react-tabulator中插入新行

import 'react-tabulator/lib/styles.css';
import 'react-tabulator/lib/css/tabulator.min.css';
import { ReactTabulator } from 'react-tabulator';

class MyTableComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      tableData: []  // 表格数据存储在tableData中
    };
  }

  render() {
    return (
      <div>
        <ReactTabulator
          data={this.state.tableData} // 将tableData作为表格数据传递给ReactTabulator组件
          columns={...}  // 定义表格的列
          options={...}  // 定义表格的其他选项
        />
        <button onClick={this.addRow}>添加新行</button>
      </div>
    );
  }
}

addRow = () => {
  const newRowData = {  // 定义新行的数据
    // 根据表格的列定义，设置新行的数据
    column1: 'Value 1',
    column2: 'Value 2',
    // ...
  };
  
  // 将新行数据添加到state中的tableData数组中
  const updatedData = [...this.state.tableData, newRowData];
  this.setState({ tableData: updatedData });
};