reactJS 和读取文本文件

Question

我有一个 reactJS 应用程序，我需要在其中读取一个大文本文件并使用文件中的数据来填充一些数组。我遇到了一些代码示例，我正在尝试实现此代码：

         readTextFile = file => {
        var rawFile = new XMLHttpRequest();
        rawFile.open("GET", file, false);
        rawFile.onreadystatechange = () => {
            if (rawFile.readyState === 4) {
                if (rawFile.status === 200 || rawFile.status == 0) {
                    var allText = rawFile.responseText;
                    console.log("allText: ", allText);
                    this.setState({
                        fundData: allText
                    });
                }
            }
        };
        rawFile.send(null);
    };

通过执行这行代码调用代码：

 this.readTextFile("../text/fund_list.txt");

当我执行应用程序时，我收到以下错误消息：

GET http://localhost:8080/text/fund_list.txt 404（未找到）

这是我的应用程序结构的样子：

readTextFile 函数在 account_balanc.js 代码中，我正在尝试读取文本文件 /text/fund_list.txt。该文件确实存在，所以显然我没有正确引用该文件，但我不知道为什么。

我试过 this.readTextFile(“../text/fund_list.txt”) 和 this.readTextFile(“./text/fund_list.txt”);但都没有用。我什至尝试将 fund_list.txt 移动到 /screens 文件夹并将函数调用更改为 this.readTextFile(“fund_list.txt”);但我仍然收到 404 错误消息。

任何想法为什么？

谢谢你。

原文由 Jonathan Small 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我将 fund_list.txt 文件移动到 public/text 文件夹（在我创建它之后）并将函数的调用更改为 this.readTextFile(“./text/fund_list.txt”);

我将其视为已发布的解决方案，但后来该帖子被删除了（我不知道为什么）所以我无法感谢发布它的用户。但这解决了我的问题。

原文由 Jonathan Small 发布，翻译遵循 CC BY-SA 4.0 许可协议