React 使用 Recoil Persist 实现公共数据持久化存储

安装和使用 Recoil 请参考之前的文章

React 使用 Recoil 实现公共数据共享存储-优快云博客

修改 store 文件，使用 Recoil Persist 配置到 localStorage 存储

import {atom} from "recoil";
import {recoilPersist} from 'recoil-persist'

const {persistAtom} = recoilPersist({
    // 这是存储在localStorage中的数据的key
    key: 'ok-persist',
    // 使用localStorage作为存储介质
    storage: localStorage
});

export const okState = atom({
    // 全局下保持唯一性
    key: 'okState',
    default: true, // 初始值
    effects_UNSTABLE: [persistAtom],
})