reactjs - React-bootstrap-table：警告：不应改变组件的子级

Question

我在我的代码中使用了这个简短的示例片段

<BootstrapTable data={products}>
  <TableHeaderColumn dataField="id" isKey={true}>Product ID</TableHeaderColumn>
  <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn>
  <TableHeaderColumn dataField="price">Product Price</TableHeaderColumn>
</BootstrapTable>

一切都很完美。有表，有数据。但是（！）我在 Chrome 控制台中看到下一条警告消息：

而如果我使用自己的元素，则没有警告..
怎么了？如何解决？