Zustand： typescript 订阅

1l5u6lss 于 2023-05-23 发布在 TypeScript

关注(0)|答案(1)|浏览(189)

如何在typescript中使用subcribe方法？我收到错误Property 'subscribe' does not exist on type 'BearState'

//store.ts
import { create } from 'zustand'

interface BearState {
  bears: number
  increase: (by: number) => void
}

export const useBearStore = create<BearState>()((set) => ({
  bears: 0,
  increase: (by) => set((state) => ({ bears: state.bears + by })),
}))

//App.tsx

function App() {
    const bearStore = useBearStore()
    const unsub = bearStore.subscribe(console.log)

    return (
        <div>
        </div>
    )
}

export default App

typescript

来源：https://stackoverflow.com/questions/76311507/zustand-typescript-subscribe

1条答案

按热度按时间

a64a0gku1#

useEffect(() => {
    const unsubscribe = useBearStore.subscribe(
      (current, previous) => {
        // Do something with the updated state
        console.log('New state:', current);
      },
    );

    return () => {
        unsubscribe();
    }
});

赞(0）回复(0）举报 2023-05-23

我来回答

Zustand： typescript 订阅

1条答案

相关问题

热门标签

最新问答