Javascript 在react CSV中下载CSV后调用函数
我正在使用Javascript 在react CSV中下载CSV后调用函数,javascript,reactjs,onclick,Javascript,Reactjs,Onclick,我正在使用react csv下载一个csv文件。它正在按需要工作 但是,我想在下载CSV文件后调用另一个函数。这可能吗 到目前为止,我就是这样尝试的: { finalXerodata && <CSVLink data={finalXerodata} onClick={() => { console.log("Clicked!"); //this doesnt work }} disabled={(fin
react csv
下载一个csv文件。它正在按需要工作
但是,我想在下载CSV文件后调用另一个函数。这可能吗
到目前为止,我就是这样尝试的:
{
finalXerodata &&
<CSVLink
data={finalXerodata}
onClick={() => { console.log("Clicked!"); //this doesnt work }}
disabled={(finalXerodata.length < 1)}
headers={xeroColumns}
filename="data.csv"
className="ant-btn ant-btn-primary"
style={{marginLeft: '20px'}}>Download CSV
</CSVLink>
}
{
最终数据和
{console.log(“Clicked!”);//这不起作用}
禁用={(finalXerodata.length<1)}
头文件={xeroColumns}
filename=“data.csv”
className=“ant btn ant btn primary”
style={{marginLeft:'20px'}}>下载CSV
}
官方文档称onClick事件可用,但在这种情况下似乎不起作用
谢谢
react csv
使用香草
. 这种方法可能会占用很多开发人员的时间
2:依赖用户输入
您可以使用onClick
检测下载的开始。然后,当用户再次与应用程序交互时,可以推断下载已完成(或者至少下载对话框已关闭)
您应该做什么取决于您试图实现的目标以及对用户体验的控制程度。我的react非常陈旧,但我认为您可能可以使用componentDidUpdate
或getDerivedStateFromProps
来做一些事情。如果您使用redux或类似的状态管理系统,它们还将包括您可以使用的其他生命周期挂钩。所以这不是react csv库提供的东西。