defaultSorted 和 React Bootstrap 表出现问题

Question

接下来我创建了一个带有反应引导表的表，我尝试使用 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 常量？我应该将它添加到我的专栏之一还是引导表中？我尝试了不同的解决方案，但它们似乎都不起作用。 感谢您的帮助。

Answer 1

defaultSorted 是 BootstrapTable 本身的一个属性。这里的技巧是使用添加了“sort: true”的相同列名。

您可以查看沙盒演示 here。

Answer 2

// <BootstrapTable sort={ { columnName, order} } />

例子：

<BootstrapTable sort={ { dataField: 'firstName', order: 'desc' } } />

确保提供准确的列名。