Reactjs React-同步txt文件到字符串？

我完全被这件事搞糊涂了

在我的带有createreact应用程序的React项目中，我有一个独立的

js

文件，我想从

txt

文件中读取一个字符串。

txt

文件是项目的一部分，而不是服务器上的文件

对于如何以同步的方式完成这项看似微不足道的任务，我似乎找不到任何答案。这些似乎是显而易见的选择：

import text from './data/text.txt';

const text = require('./data/text.txt');

上面的两行都返回一个新路径，其中包括

/static/media/

，我可以通过浏览器中的localhost访问该路径，但这对我没有帮助

我可以使用JSON，但这几乎是一个原则问题。我看不懂一个简单的txt文件似乎很可笑。

您可以使用webpack将原始文件直接导入到您的项目中

安装：

$ npm install raw-loader --save-dev

配置：

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/i,
        use: 'raw-loader',
      },
    ],
  },
};

用法：

import text from './data/text.txt';
console.log(text);  // This line will print out the content of the text file in the console

---

在react（客户端库）中，这不是一项简单的任务。您应该有一个类型为

file

的输入，然后使用

FileReader

对象或

Blob

读取文件内容。