在 react 中从本地 json 文件中检索数据。

如何从我在文件夹中创建的本地json文件中获取一些数据? 我使用了下面的代码,这似乎对我的本地json文件不起作用,但如果我使用git hub用户的url,它就起作用了。

class Intro2 extends Component {
  render() {
    async function getData() {
      const usersData = await fetch("../articles.json");

      const users = await usersData.json();

      return users;
    }
 }

这似乎对我的本地json文件不起作用,但如果我使用git hub用户的url,例如它的工作?

非常感谢

错误:main.chunk.js:332 未捕获(在承诺中) SyntaxError。在JSON中0号位置有意外的标记<。

解决方案:

你不应该使用fetch.使用import代替。这将确保webpack不会捆绑json文件,而是让它在公共目录下可用。

      const usersData = await import("../articles.json");

Fetch将永远不会工作,因为webpack将不会 serve 除非你把它放在静态或公共文件夹中。

给TA打赏
共{{data.count}}人
人已打赏
未分类

在Entity Framework Core 3.1中,基于多个搜索条件的LINQ Contains条件。

2022-9-23 11:11:41

未分类

在React Native屏幕之间传递数据(从屏幕A到屏幕B再到屏幕C)。

2022-9-23 11:11:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索