File download with React.JS

file_download.js

// The React.JS code for the download method:

    const blob = new Blob([output]);                   // Step 3
    const fileDownloadUrl = URL.createObjectURL(blob); // Step 4
    this.setState ({fileDownloadUrl: fileDownloadUrl}, // Step 5
      () => {
        this.dofileDownload.click();                   // Step 6
        URL.revokeObjectURL(fileDownloadUrl);          // Step 7
        this.setState({fileDownloadUrl: ""})
    })

// The hidden anchor element:
    <a style={{display: "none"}}
         download={this.fileNames[this.state.fileType]}
         href={this.state.fileDownloadUrl}
         ref={e=>this.dofileDownload = e}
    >download it</a>

thanks this is useful but what does dofileDownload stand for? just curious

dofileDownload is set to the ID of the a (anchor) element. That element does the actual download via the browser when its click method is invoked

dofileDownload is set to the ID of the a (anchor) element. That element does the actual download via the browser when its click method is invoked

sorry it just took me some time to notice:)

dofileDownload is set to the ID of the a (anchor) element. That element does the actual download via the browser when its click method is invoked

sorry it just took me some time to notice:)

wait im on a different account lol