有可能拥有一个“离线”的react应用程序吗?

我相信你可以通过点击浏览器LocalStorage来做到这一点。从本质上讲,您可以跟踪与服务器的连接,如果没有连接,则将数据保存在浏览器的本地存储中,并在数据启动后将其发送到后端

您可以使用“React”、“LocalStorage”、“save\retrieve data”等关键字搜索更多内容,并在网上找到更多内容。

这是我发现的一个例子 online

useEffect(() => {   window.localStorage.setItem('MY_APP_STATE', JSON.stringify(showBanner)); }, [showBanner]);

这是一个 page 不同方法的示例

我个人使用 localForage 为方便起见:

下面是一些不错的示例代码,让您开始学习。来自 here

    import localForage from 'localforage';
const foo = 'hello world';

// Setting...
localStorage.setItem('myuniquekey', foo);
localForage.setItem('myuniquekey', foo);

// Getting...
localStorage.getItem('myuniquekey');   //=> 'hello world'
localForage.getItem('myuniquekey');    //=> 'hello world'