reactjs - TypeError：无法读取未定义的反应引导表的属性“减少”

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>

一旦我把这条线放进去，应用程序就可以正常工作了。