前言
作为前端开发者，经常需要将数据保存在本地。在使用Electron开发桌面应用的时候，可使用Electron的本地存储模块，但是它存在一个缺点，就是不能将数据保存在不同窗口间共享。为了解决这个问题，我们可以使用redux-storage-engine-electron-store包，将数据保存在本地的Electron Store中，方便在不同窗口间共享数据。
安装
运行以下命令安装redux-storage-engine-electron-store包：
npm install redux-storage-engine-electron-store --save
使用
使用redux-storage-engine-electron-store包的步骤如下：
第一步，创建save函数
save函数的作用是将Redux存储的状态保存到本地。我们可以使用redux-storage包来创建一个save函数，如下：
-- -------------------- ---- -------
------ ------------ ---- --------------------------------------
------ - ----------- - ---- --------
------ - ------------- -------------- - ---- ----------------
------ ------- ---- ----------------------------
----- ------------- - -
---- -------
--------
--
----- ------- - ------ - --- ------- -- -
------ ------------- -
---- ------------
------ - --------- ------ ----------- - - --
--------
------ ------
-
--
----- ---------------- - ----------------------------- ---------
----- ------ - ---------------
----- ----- - ------------------------------
----- --------- - ------------------- - ------ ---第二步，使用save函数
在需要保存数据的地方，使用save函数将Redux存储的状态保存到本地。使用persistor.persist()方法来调用save函数。
store.dispatch({ type: 'INCREMENT' });
persistor.persist();示例代码
完整的示例代码如下：
-- -------------------- ---- -------
------ ------------ ---- --------------------------------------
------ - ----------- - ---- --------
------ - ------------- -------------- - ---- ----------------
------ ------- ---- ----------------------------
----- ------------- - -
---- -------
--------
--
----- ------- - ------ - --- ------- -- -
------ ------------- -
---- ------------
------ - --------- ------ ----------- - - --
--------
------ ------
-
--
----- ---------------- - ----------------------------- ---------
----- ------ - ---------------
----- ----- - ------------------------------
----- --------- - ------------------- - ------ ---
---------------- ----- ----------- ---
--------------------结语
使用redux-storage-engine-electron-store包可以很方便地将Redux存储的状态保存到本地的Electron Store中。本文介绍了如何安装和使用redux-storage-engine-electron-store包，并提供了示例代码。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600673dffb81d47349e53c84