defaultSorted和React Bootstrap表出现问题

Question

我接下来创建了一个带有react bootstrap表的表，我尝试使用defaultSorted功能。这是文档中的示例：

import BootstrapTable from 'react-bootstrap-table-next';

const columns = [{
  dataField: 'id',
  text: 'Product ID',
  sort: true
}, {
  dataField: 'name',
  text: 'Product Name',
  sort: true
}, {
  dataField: 'price',
  text: 'Product Price',
  sort: true
}];

const defaultSorted = [{
  dataField: 'name',
  order: 'desc'
}];

<BootstrapTable
  keyField="id"
  data={ products }
  columns={ columns }
  defaultSortDirection="asc"
/>

我不知道在哪里使用defaultSorted常量？我应该将其添加到我的一列中还是在bootstraptable中？我尝试了不同的解决方案，但似乎都没有。 谢谢您的帮助。

Answer 1

{{1}}是BootstrapTable本身的属性。这里的技巧是使用添加了'sort：true'的相同列名。

您可以查看沙盒演示here。