Potential fix for react-csv#350: asyncOnClick = true together with on…

…Click just doesnt work
lwoydziak · Dec 1, 2022 · 01957b5 · 01957b5
1 parent d1153c1
commit 01957b5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-csv",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Build CSV files on the fly basing on Array/literal object of data ",
   "main": "index.js",
   "jsnext:main": "src/index.js",

diff --git a/src/components/Link.jsx b/src/components/Link.jsx
@@ -16,6 +16,7 @@ class CSVLink extends React.Component {
   constructor(props) {
     super(props);
     this.buildURI = this.buildURI.bind(this);
+    this.href = null;
   }
 
   buildURI() {
@@ -50,11 +51,16 @@ class CSVLink extends React.Component {
   }
 
   handleAsyncClick(event) {
+    event.preventDefault();
     const done = proceed => {
       if (proceed === false) {
-        event.preventDefault();
         return;
       }
+      let link=document.createElement('a');
+      link.href = this.href;
+      const {filename} = this.props;
+      link.download = filename;
+      link.click();
       this.handleLegacy(event, true);
     };
 
@@ -97,6 +103,7 @@ class CSVLink extends React.Component {
 
     const isNodeEnvironment = typeof window === 'undefined';
     const href = isNodeEnvironment ? '' : this.buildURI(data, uFEFF, headers, separator, enclosingCharacter)
+    this.href = href
 
     return (
       <a