reactjs - 如何将 React-csv 与最初为空的道具绑定？

Question

const props{
    csvData: events[]
}
<CSVLink data={csvData}>Download me</CSVLink>;

我正在尝试使用 react-CSV 并将表导出为 CSV，但事件的初始值为空并且 CSVLink 抛出未定义值的错误

标签： reactjstypescriptexport-to-csv

Answer 1

一种解决方案是在 csvData 可用时有条件地呈现 CSVLink 组件。

const props{
    csvData: events[]
}
if (csvData?.length > 0) {
    return <CSVLink data={csvData}>Download me</CSVLink>;
}
return (<p>Waiting for data...</p>)