TypeError:无法读取未定义的react-bootstrap-table的属性“”reduce“”

Question

我正在尝试使用react-bootstrap-table从对象数组呈现一个表。代码如下：

render() {
  var products = [{
    id: 1,
    name: "Product1",
    price: 120
  }, {
    id: 2,
    name: "Product2",
    price: 80
  }];

  return (
    <div>
      <BootstrapTable data={products} striped hover>
      </BootstrapTable>
    </div>
  )
}

当我运行应用程序时，我看到了这个错误：

Uncaught TypeError: Cannot read property 'reduce' of undefined

Answer 1

这个问题是因为我没有包含

<TableHeaderColumn isKey dataField='id'>Product ID</TableHeaderColumn>

一旦我输入了这一行，应用程序就可以正常工作了。