如何使用react-bootstrap-table insertRow将数据插入到firebase中？

import React from 'react';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
import firebase from 'firebase/app';
import 'firebase/database';

const firebaseConfig = {
  // Firebase配置信息
};

firebase.initializeApp(firebaseConfig);
const database = firebase.database();

class MyTable extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 存储表格数据的状态
    };
  }

  // 插入数据的方法
  insertData = (newData) => {
    // 将新数据插入到Firebase数据库中
    database.ref('tableData').push(newData);
  }

  render() {
    return (
      <div>
        <BootstrapTable data={this.state.data} insertRow={true} options={{ onRowInserted: this.insertData }}>
          <TableHeaderColumn dataField='id' isKey={true}>ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name'>Name</TableHeaderColumn>
          <TableHeaderColumn dataField='age'>Age</TableHeaderColumn>
        </BootstrapTable>
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>My Table</h1>
        <MyTable />
      </div>
    );
  }
}

export default App;