file-download-client-side-reactjs

import React, {Component} from 'react';
import download from 'downloadjs';
import mime from 'mime-types';

class App extends Component {

    handleClick = () => {
        let file = '/testfile.txt'; //file url (local or remote)
        let filename = 'testfile.txt';
        let mimetype = mime.lookup(filename);
        let x = new XMLHttpRequest();
        x.open("GET", file, true);
        x.responseType = 'blob';
        x.onload= function(e){ download(x.response, filename, mimetype ); }
        x.send();
    }

    render() {
        return (
            <div className="App">
                <button onClick={this.handleClick}>Download file</button>
            </div>
        );
    }
}

export default App;