😄
Jotaiを使ってSession Storageにデータを保存する
Jotaiを使ってSession Storageにデータを保存する
- Jotaiはグローバルステート管理ライブラリで、
Recoil
からインスピレーションを受けて開発された。 - デフォルトでProviderなしでも動作するプロバイダーレスモードとなっている。
コード
- atomWithStorageを使うと永続化ストレージに保存できる。
- デフォルトではlocalStorageに保存される
const sessionStorage = () => {
// windowがundefinedではない場合、Storageを返す
if (typeof window !== "undefined") {
return createJSONStorage<boolean>(() => window.sessionStorage);
}
return undefined
}
export const flagAtom = atomWithStorage('flag', true, sessionStorage(), {
getOnInit: true,
});
import { flagAtom } from "@/store/flag";
const [boot, setBoot] = useAtom(bootAtom);
最後に
間違っていること、もっといい方法があればコメントに書いていただけると幸いです。
よろしくお願いいたします。
Discussion