сортировка столбца таблицы с использованием реагирующей начальной загрузки не работает

Question

Я изучаю использование библиотекиact-bootstrap-table в основном потому, что сортировка столбцов кажется простой.Нужно ли придерживаться структуры, используемой в этой библиотеке?

Мой старый проект использует обычные таблицы, и это выглядит очень запутанно.

Эта библиотека выглядит так просто, я надеялся, что смогу использовать элементы библиотеки, а не все такие, какфункция таблицы сортировки.

Я искал здесь, но я не нахожу ничего относительно использования обычных таблиц

http://allenfang.github.io/react-bootstrap-table

Я собираюсь предположить, что мне нужно использовать правильныебиблиотека, чтобы заставить его работать.такие как это.

<BootstrapTable ref='table' data={ products }>
<TableHeaderColumn dataField='id' isKey={ true } dataSort={ true }>Product ID</TableHeaderColumn>
</BootstrapTable>

но я не могу этого сделать.

<Table ref='table' data={ products }>
<thead>
<tr>
<th dataField='id' isKey={ true } dataSort={ true }>Product ID</TableHeaderColumn></th>
</tr>
</thead>
</Table>

Answer 1

Ну, вы, конечно, не можете использовать такие фрагменты, как этот тэг компонента сольного конца.<th></TableHeaderColumn></th> никогда не будет работать, потому что нет соответствующего <TableHeaderColumn>.

Итак, <TableHeaderColumn> это компонент, а не тег.Вы используете свойства этого компонента и вставляете их как атрибуты тега <th>.Это не сработает.Я не буду говорить никогда, потому что в некоторых случаях есть свойства, которые напрямую преобразуются в атрибуты тегов, но в целом - просто не надо.

Если вы собираетесь использовать библиотеки компонентов, есть некоторые случаигде вы можете использовать части компонентов, такие как подкомпоненты, если они экспортированы и включены правильно.Боюсь, что это не так с этой библиотекой.Он предназначен для работы в целом.Компоненты для заголовков предоставляют инструкции / данные сортировки для функциональности компонентов тела таблицы.То есть компоненты тела таблицы используют данные, предоставленные из заголовков таблицы, чтобы определить, в каком порядке должны быть отсортированы данные в вашей таблице.

Надеюсь, это имеет смысл.Короче говоря, эта библиотека таблиц работает как целое, а не как часть.Я уверен, что при достаточном количестве времени можно было бы выделить библиотеку и заставить ее работать без целого, но было бы проще / быстрее просто использовать всю библиотеку и перестроить вашу таблицу.

Примечания:

Просматривая документацию React-Bootstrap-Table сначала говорится, что она устарела (я упоминаю об этом, потому что ваш полный код не был показан, и я не уверен, какую версию вы ''ve import).

Вот не устаревшая версия: React-Bootstrap-Table2