Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在react CSV中下载CSV后调用函数_Javascript_Reactjs_Onclick - Fatal编程技术网

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库提供的东西。