前端 - zustand的store的，如何才能进行监听呢？

Question

我有如下的zustand的store：

// tabs.store.tsinterface TabsSlice {  tabs: [],  addTab: (tab: TabsWithBreadcrumbs[number]) => {},  removeTab: (key: string) => {},}export const createTabsSlice = (set:any, get:any): TabsSlice => ({  tabs: [   { title: '简介', breadcrumbs: ['简介'], key: '000' },  ],  addTab: (tab) => {    console.log('mmkk2: ', tab)    return set((state) => {      const newTabs = state.tabs.push(tab)      return newTabs    })  }})

请问如何才能进行store的state的监听呢？

比如tabs有变化，那么我就想要打印一下结果。请问如何做到呢？

Answer 1

createTabsSlice.subScribe(console.log);

个人觉得不能单独监听某个键的设计不太科学，不过可以通过高阶函数或者写中间件的方式做到。