在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 。