使用浏览器中的create-react-app读取和写入文本文件

问题描述 投票:0回答:1

我正在尝试读取react项目(creat-react-app)的source(src)文件夹中的文本文件,操纵这些值并将新值写回到同一文本文件。

我无法从文件中读取值,即使读取文件的代码正在注销旧数据,也不确定该数据来自何处。因为即使直接更改文本文件中的数据,它也不会读取新值。

我正在使用名为browserify-fs(https://www.npmjs.com/package/browserify-fs)的包来读写文件。

var fs = require('browserify-fs');
var reader = new FileReader();  


export const getData = () => {
let initialString = "abcd";
  fs.readFile('file.txt', function (err, data) {
    if (err) {
       return console.error(err);
    }
    console.log(initialString + data.toString());
 });
};

export const writeData = () => {
    let data = "abcd";
    fs.writeFile("file.txt", data, err => {
      // In case of a error throw err.
      if (err) throw err;
    });
}

是否需要使用webpack-loader进行某些操作以导入生成的文件类型,或者它与为自动导入文件类型定义文件和文件夹结构的create-react-app软件包有关?

我仍然不确定实际问题是什么引起的。任何帮助,将不胜感激。

P.S:我知道不建议在浏览器上使用CRUD操作,仅用于个人项目(学习目的)。

javascript html reactjs dom browser
1个回答
0
投票

包装数据,用括号括起来。

代替

fs.writeFile(“ file.txt”,data,err => {

尝试:

fs.writeFile(“ file.txt”,(data,err)=> {

© www.soinside.com 2019 - 2024. All rights reserved.