Проблема с таблицей defaultSorted и React Bootstrap Next

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».

Здесь вы можете посмотреть демоверсию песочницы здесь .