Next.js
Hydration
Jotai 使用 useHydrateAtoms
支持原子 Hydration。 hook 的文档可以在这里看到。 这里.
与路由同步
可以将 Jotai 与路由同步。 您可以使用 atomWithHash
实现这一点:
const pageAtom = atomWithHash("page", 1, {replaceState: true,subscribe: (callback) => {Router.events.on("routeChangeComplete", callback);window.addEventListener("hashchange", callback);return () => {Router.events.off("routeChangeComplete", callback);window.removeEventListener("hashchange", callback);};},});
通过这种方式,您可以完全控制要订阅的路由事件。