简介
redux-queue-offline 是一个可在离线情况下将 Redux 异步操作存入本地缓存的 npm 包。即使网络连接不稳定或离线，你也可以继续执行异步操作，并在恢复网络时重新调度它们并使它们成功执行。
安装
要安装 redux-queue-offline，使用以下命令：
npm install --save redux-queue-offline
使用
首先，需要导入 createQueue 中间件并将其添加到 Redux store。在大多数情况下，你可以将其添加到 Redux store 的 applyMiddleware 函数中。
例如：
import { createStore, applyMiddleware } from 'redux'
import { createQueue } from 'redux-queue-offline'
import rootReducer from './reducers'
const store = createStore(rootReducer, applyMiddleware(createQueue()))接下来，在异步操作 action 的定义中，你可以使用它的 meta 属性来将此操作添加到队列中。
例如：
-- -------------------- ---- -------
------ - ------------ - ---- ---------------
------ ----- --------- - -------------------------- -- -- --
--------- ---------------
------- ------
----- -
------ ------
-
---在此示例中，fetchUser 函数将通过 GET 请求从服务器上检索一个用户。通过添加位于 meta 属性中的 queue 属性，将此请求添加到名称为“user”的队列中。
最后，你需要添加一个 redux-saga 以从队列中获取操作并将它们在网络链接恢复时重播。
例如：
-- -------------------- ---- -------
------ - ---- ----- ---- - ---- --------------------
------ - ------------------ - ---- ---------------------
--------- -------------- -
----- ------ -
--- -
----- ------ - ----- -------------------------------
----- ---------- - ---------------------
-- ---------------- -- --------------------- --- ------- -
----- ----------- ---------------------------- -
------- -------------------------
--
----- ----- ----- --------------------- -------- -- --
-
- ----- --- -
--------------------- --
-
-
-
------ ------- --------- ------ -
----- ------------------
-在此示例中，Redux Saga 监听网络连接恢复事件（COMMIT 操作），在其中获取操作并将其重播。
总结
redux-queue-offline 是一个很有用的 npm 包，可使您的 Redux 应用程序在离线情况下具有更强的灵活性和实用性。通过使用它，您可以为您的项目提供更好的离线支持和更良好的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067011e361a36e0bce8d7e