Использование React Table для расчета суммы всех сумм в отфильтрованном столбце - PullRequest
Новая
       9

Использование React Table для расчета суммы всех сумм в отфильтрованном столбце

0 голосов
/ 12 ноября 2018

Я новичок в использовании React, и мне было интересно, возможно ли динамически отображать в общей сложности amount отфильтрованной таблицы. У меня есть столбец, содержащий amount в каждой строке, и я хочу знать, могу ли я получить сумму всех сумм (сумм, показанных в таблице до или после фильтрации) для отображения за пределами таблицы.

Как лучше всего это сделать? Я видел упоминания о функциональном рендеринге или использовании ref

const currentRecords = this.selectTable.getResolvedState().sortedData;

Хотел использовать это, но поскольку данные таблиц могут измениться в любое время в зависимости от количества фильтров, я не уверен, будет ли это обновляться каждый раз. Где в моем коде я должен был бы поместить это? 

<ReactTable
     data={reportData}
     ref={(r) => {
             this.selectTable = r;
     }}
     filterable
     defaultFilterMethod={(filter, row) =>
     String(row[filter.id]).toLowerCase().includes(String(filter.value).toLowerCase())
     } ...

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

...