为什么我的 json 文件在回调函数后未定义属性对象?反应 + D3

Why the properties object out ouf my json file is undefined after callback function? React + D3

提问人:DreckigerDan 提问时间:4/20/2023 更新时间:4/20/2023 访问量:17

问:

我正在努力使用二级回调函数来控制台 .log 从 JSON 文件中的德国地图中获取国家/地区的名称。

在第一个回调中,控制台将所有数据注销 Response。

但是在第二个中,当我想访问正文时 with.json().then() 错误 “Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data”来了。

           const promise1 = fetch("./ger_states_data.json");
           promise1.then( response2 => {
             console.log(response2);
           })



           const promise = fetch("./ger_states_data.json");
           promise.then( response => {
             response.json().then( content => {
              console.log(content);
           });
          });


当我尝试通过以下方式访问属性时

console.log(dataset.properties)

它注销未定义

这是 json 文件:

https://gist.github.com/DreckigerDaan/c245d6efb18b800f84887d477a7f7cf3

这是控制台:

控制台日志

我通过 https://jsonlint.com/ 检查我的 json 文件,它验证我的文件是否正确 该文件之前是一个 geojson 文件,但发现在 react 中 json.file 更好 json 文件通过以下方式正确导入

import dataset from './data/ger_states_data.json'

提前致谢!

reactjs json 属性 回调 未定义

评论

0赞 Konrad 4/20/2023
你如何托管这个 JSON?请求的路径似乎是错误的
0赞 DreckigerDan 4/20/2023
你是说 GitHub Gist 吗?
0赞 Konrad 4/20/2023
不,我的意思是在本地,您必须提供文件,以便可以从浏览器访问它
0赞 DreckigerDan 4/20/2023
我真的不明白,我将 json 文件存储在 src/data/ 文件夹中,如果我只是控制台 .log 它会在控制台中注销数据集,所以他找到了它,所以它应该肯定可以访问?
0赞 Konrad 4/20/2023
导入和提取是有区别的。如果要获取它,则必须将其存储在 .(我假设你正在使用 )create-react-app.dev/docs/using-the-public-folder/publiccreate-react-app

答: 暂无答案