在React / TypeScript / Webpack中覆盖JSON文件

时间:2018-08-03 17:28:21

标签: javascript json reactjs typescript webpack

我正在做一个反应项目,我读json文件没有问题。我也可以对此进行更改。但是当涉及到回写时,我做不到。我已经尝试过fs.writefile,但是它也不会工作。有一个示例代码,我只能下载文件,这不是我想要的。希望你们能帮忙

public CreateEntry(){
    var txt = JSON.stringify(data);
    var parsedtxt = JSON.parse(txt || '{}');
    var indexLength = parsedtxt.kitaplar.length;

    var book = document.getElementById("createName") as HTMLInputElement;
    var writer = document.getElementById("createWriter") as HTMLInputElement;
    var publisher = document.getElementById("createPublisher") as HTMLInputElement;

    parsedtxt.kitaplar.push({
        "kitap": book.value,
        "yazar": writer.value,
        "yayinevi": publisher.value
    });

    var resultTxt = JSON.stringify(parsedtxt);
    var file = new File([resultTxt],"kitap.json", {type: "text/plain;charset=utf-8"});
    FileSaver.saveAs(file);

}

2 个答案:

答案 0 :(得分:0)

您如何实施fs.writeFile

请记住,您首先必须具有以下功能:const fs = require('fs');

然后,代码应如下所示: fs.writeFile('localFile.json', json, 'utf8', modifiedJson);

答案 1 :(得分:0)

浏览器不提供访问文件系统的API。因此,很遗憾,当前无法写入文件。

曾经有一个文件系统API规范,但它是no longer being standardized.

相关问题