Question

我只是想将JSON文件加载到我的react项目中。我是这样做的：

fetch(dane).then(response => {
 console.log(response);
 return response.json();
}).then(dane => {
 console.log(dane);
}).catch(err => {
 console.log("Error Reading data " + err);
});

，然后将此文件导入到项目中： import data from "./data.json"; 但我遇到这样的错误：Unexpected token < in JSON at position 0 我该如何解决？如果我要问一些非常愚蠢的事情，请对不起。 json文件位于src文件夹中。

Answer 1

您将仅使用访存来从API获取数据并将响应分配给您可以调用的变量。

由于您正在使用存储在文件中的模拟json响应，因此可以执行以下操作。

示例：

名为data.json的文件，其中包含以下内容。

   {
      "name": "John",
      "age": "47",
      "role": "admin"
   }

可以通过以下方式导入：

import data from "./data.json"

然后根据需要在组件中使用

。

<h1>Hello {data.name}.</h1>
<h2>Logged in as: {data.role}</h2>

或者在渲染之外使用，例如在函数中使用

：

console.log(data.role)

此外，Unexpected token < in JSON at position 0似乎JSON格式不正确。

JSON文件应该只包含有效的JSON数据，如上面的基本示例所示。

如何加载json文件？

1 个答案: