4

我一直以JSON文件的形式将数据导入到 React 组件中:

import data from '../../public/json/data.json';

我正在使用create-react-app工具,当我运行时npm run build,正如预期的那样,data.json文件被捆绑为build/static/main.js文件的一部分。

我想要的是这个data.json文件被捆绑,而是在每次组件运行时在运行时被引用。即,它可以在构建的应用程序中进行编辑,并在应用程序中显示这些编辑。我认为通过将它包含在我的public(而不是src)文件夹中这将起作用,但我当然仍然是importing它,所以它被捆绑了。有没有办法在不捆绑的情况下引用它?

4

1 回答 1

0

使用 fetch API 异步检索 JSON 文件。

查看https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch以获取示例实现。

于 2017-01-31T16:56:21.963 回答