ReactJS - ExportCSV

Question

在ReactJS中，我使用ExportCSV按钮将数据下载为CSV格式。当引导表为空时，如何弹出告警以防止下载空CSV？目前，当选择没有检索到任何数据时，我仍然可以下载内容为空的文件。如果有办法做到这一点，请让我知道。

<ToolkitProvider
    bootstrap4
    keyField="TIMESTAMP,VALUE"
    data={tData}
    columns={columns}
    className="mt-4 col-md-2 col-offset-4"
    filter={filterFactory()}
    exportCSV={{
      fileName: "Details.csv",
      onlyExportFiltered: true,
    }}
  >
    {(props) => (
      <React.Fragment>
        <BootstrapTable
          {...props.baseProps}
          pagination={pagination}
          filter={filterFactory()}
        />
        <ExportCSVButton className="btn btn-success" {...props.csvProps}>
          Export to CSV
        </ExportCSVButton>
      </React.Fragment>
    )}
  </ToolkitProvider>

谢谢

Answer 1

您可以将选择信息存储在状态中。如果状态大小等于0，您可以显示一个警告，表明选择为空，并阻止用户下载CSV。