我正在寻找一个简单的 bootstrap react 表组件，具有添加、编辑、删除行功能。我尝试将 this 与我现有的 react 应用程序一起使用，但卡在以下错误中。

未捕获的 TypeError：this.refs.innerDiv.setAttribute 不是函数

表确实显示了，但由于上述错误，之后什么都不起作用。这是代码。 在此处输入代码

import React from 'react';
//import {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';
import AppointmentActionCreator from '../actions/AppointmentActionCreators';
var ReactBsTable = require("react-bootstrap-table");
var BootstrapTable = ReactBsTable.BootstrapTable;
var TableHeaderColumn = ReactBsTable.TableHeaderColumn;
var products = [];
function addProducts(quantity) {
  var startId = products.length;
  for (var i = 0; i < quantity; i++) {
    var id = startId + i;
    products.push({
      id: id,
      name: "Item name " + id,
      price: 2100 + i
    });
  }
}
addProducts(5);
export default class BasicTable extends React.Component{
 constructor() {
    super()
    this.state = {
      appointments: ''
    };
    AppointmentActionCreator.getAppointments();
  }
  render(){
    return (
      <div>
        <BootstrapTable data={products} striped={true} hover={true} condensed={true}>
          <TableHeaderColumn dataField="id" isKey={true}>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField="price">Product Price</TableHeaderColumn>
        </BootstrapTable>
      </div>
    );
  }
};