來自 react-csv 的 CSV 鏈接導出不完整的數據

Question

我正在使用 react-csv 中的 CSV 鏈接將 CSV 數據導出到具有可選行的表中。 數據導出方式存在問題。 例如，當我選擇 3 行時，它會從輸出的結果 CSV 文件中省略最后一行。 如果我選擇 4 行，第一次只會導出 3 行，以此類推。 如果我再次點擊導出按鈕，則會導出完整的行集。

這是我將數據傳遞給 CSV Link 組件的方式：

<CSVLink
 data={getExportTransactionRows(t.transactions)}
 headers={getExportTransactionHeaders(t)}
 filename={t.companyName}
>

這是返回行的getExportTransactionRows函數：

  const getExportTransactionRows = (transactions) => {
    let trans = transactions.filter((t) => t.selected === true);
    if (trans?.length === 0) trans = transactions;
    return trans;
  };

Answer 1

我認為您只繼續導出前一行的原因是您的 getExportTransactionRows(t.transactions)s 在您選擇行時不會立即更改值。 您可以聲明一個保存導出數據的變量。 然后在您的選擇事件中並在您選擇時更改該變量。 將其傳遞給 CSVLink