使用React Table计算过滤列中所有金额的总和

Question

我对使用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())
     } ... 

因此，每次应用过滤器时，我需要计算总金额并动态显示该金额。