TypeError: Cannot read property 'reduce' of undefined react-bootstrap-table

Question

I am trying to render a table from array of object using react-bootstrap-table. This is the code :

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

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

when I run the application I saw this error :

Uncaught TypeError: Cannot read property 'reduce' of undefined

surga · Accepted Answer · 2017-12-19 12:25:38Z

1

the issue is because I did not include

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

Once I put this line in then the application works fine.

answered Dec 19, 2017 at 12:25

surga

1,71124 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

TypeError: Cannot read property 'reduce' of undefined react-bootstrap-table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related