Как я могу конкретную расширенную строку данных в реагировать таблицы?

Question

Из этого примера документа.

https://react -table.js.org / # / история / заказ детандер-позиция

Результат из примера документа:

1. когда я нажимаю row0, данные, развернутые в row0, будут показывать Hello
2. при нажатии строки 1 данные, развернутые в строке 1, будут отображаться Hello

о реквизитах SubComponent в ReactTable. когда развернута строка, в которой будут показаны одни и те же данные в каждой строке, но я хочу показать данные, специфичные для строк

Результат, который я хочу сделать:

1. когда я щелкаю row0, данные, развернутые под row0, будут показывать Hello 0
2. при нажатии строки 1 данные, развернутые в строке 1, будут отображаться Hello 1

Как я могу сделать это с react-table?

Answer 1

Вы можете попробовать это для себя Подкомпонент:

SubComponent={(v) => <div style={{padding: '10px'}}>Hello {v.row._index}</div>}

песочница: https://codesandbox.io/s/o708980o7q

v - это элемент, и вы получаете индекс строки для отображения. Надеюсь, это поможет.