将数据以文件形式存储在前端的react.js中

时间:2019-05-20 18:04:50

标签: reactjs

假设在React应用程序中,我们有一些复选框,其值在react中。选择复选框值并单击保存按钮。复选框值将存储到文件中,并且也可以文本文件的形式下载。如果可能,请提供代码段帮助。

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

class Test extends React.Component {
    onDownloadClick = () => {
        const content = 'Hello World!!!!!';
        this.refs.link.href = `data:application/octet-stream,${content}`;
        this.refs.link.download = "my-file.txt";
        this.refs.link.click();
    };

    render() {
        return (
            <div>
                <a style={{width: "0px", height: "0px", overflow: "hidden"}} ref="link"/>
                <button onClick={this.onDownloadClick}>Download</button>
            </div>
        )
    }
}