如何从React应用程序访问服务器的静态JSON文件

Question

我的 apache 服务器中有一个静态 JSON 文件，我希望我的 React 应用程序访问静态 JSON 文件并显示其内容

背后的想法是我的应用程序中有一个条款和条件页面，我的反应应用程序将覆盖 T&C 页面的所有框架（应用程序栏、徽标、导航按钮..），但我希望加载 T&C 页面的内容来自我放置在服务器上的静态 JSON 文件，这样如果我想对条款和条件进行任何更改，我只需更新 JSON 文件，无需重建我的应用程序

仅供参考 - 我正在使用 create React 应用程序而不是 webpack

我如何实现这一目标？

Answer 1

只需获取文件即可。

let [jsonData, setJsonData] = useState();

async function loadData() {
    let res = await fetch("url");
    setJsonData(await res.json());
}

useEffect(() => {
    loadData();
}, []);

您可能想添加错误处理。