react中点击事件当作link直接触发后端返回的下载url

KisJ

于 2023-12-29 11:23:06 发布

阅读量614

点赞数 8

文章标签： react.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/KisJLLLLLL/article/details/135286913

版权

在onClick事件中使用a标签的点击事件而不是使用history.push的好处是如果你进行history触发url，虽然可以成功但是会页面闪烁，当作跳转来然后下载之后返回，这样观感不好而且浪费性

           const link = document.createElement('a');
              link.href = row?.['f_file']?.[0]?.url;
              link.setAttribute('download', row?.['f_file']?.[0].name);
              document.body.appendChild(link);
              link.click();