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

Question

我一直在以 <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:layout_gravity="bottom" app:tabMode="fixed" /> 文件的形式将数据导入React组件：

JSON

我正在使用create-react-app工具，当我运行import data from '../../public/json/data.json';时，npm run build文件被捆绑为data.json文件的一部分。

我希望将build/static/main.js文件不捆绑在一起，但每次运行时都要在运行时引用。即这样它就可以在构建的应用程序中进行编辑，并在应用程序中显示这些编辑内容。我认为通过将它包含在我的data.json（而不是public）文件夹中，这可以工作，但当然我仍然是src它所以它被捆绑。有没有办法在没有捆绑的情况下引用它？

Answer 1

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

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