在React中访问JSON文件而不导入它

Question

我一直在以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它，因此它被捆绑。 有没有办法在没有捆绑的情况下引用它？

Answer 1

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

有关示例实现，请查看https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch 。