Zustand 错误：无效的钩子调用 Hooks 只能在函数组件内部调用

如何解决Zustand 错误：无效的钩子调用 Hooks 只能在函数组件内部调用

出现错误

错误：无效的挂钩调用。 Hooks 只能在 body 内部调用 一个功能组件。

在 next.js 环境中，当我尝试在实用程序函数 /utils/myfunction.js 中使用 Zustand 作为：

import { connectToDatabase } from "./mongodb"
import {userStore} from '@/utils/store'

export async function userSubs(userId,token) {
  const { db } = await connectToDatabase()

  const userSubs = userStore(state => state.userSubs)
  const setGUserSubs = userStore(state => state.setGUserSubs)
  ...

我如何在函数或 api 中使用 Zustand 存储/检索状态？找不到关于它的文档

解决方法

根据official documentation，这可以通过附加到钩子原型的实用函数来实现

import { connectToDatabase } from "./mongodb"
import {userStore} from '@/utils/store'

export async function userSubs(userId,token) {
  const { db } = await connectToDatabase()

  const userSubs = useStore.subscribe(() => {},state => state.userSubs)
  ...
  useStore.setState({ userSubs: ... })
  ...

查看上面的链接，了解更多关于倾听和摧毁这些倾听者的例子。