前端 - 我再react中使用zustand。我想增加命名空间。一直报错？

Question

我再react中使用zustand。我想增加命名空间，代码如下，vscode一直提示

import { create, StateCreator } from "zustand"type AboutState = {  count: number  increase: (n?: number) => void  decrease: () => void}type HomeState = {  n: number  increase: (n?: number) => void  decrease: () => void}type Store = {  about: AboutState  home: HomeState}const createAbout: StateCreator<AboutState> = (set) => {  return {    count: 0,    increase: (n = 1) => set((state) => ({ count: state.count + n })),    decrease: () => set((state) => ({ count: state.count - 1 })),  }}const createHome: StateCreator<HomeState> = (set) => {  return {    n: 0,    increase: (n = 1) => set((state) => ({ n: state.n + n })),    decrease: () => set((state) => ({ n: state.n - 1 })),  }}export const useStore = create<Store>()((...set) => ({  about: createAbout(...set),  home: createHome(...set),}))

Answer 1

看着感觉你是不是想要下面这种：

type PartialSet<T> = (s: (state: T) => Partial<T>) => unknown;const createAbout = (set: PartialSet<AboutState>) => {  return {    count: 0,    increase: (n = 1) => set((state) => ({ count: state.count + n })),    decrease: () => set((state) => ({ count: state.count - 1 })),  }}const createHome = (set: PartialSet<HomeState>) => {  return {    n: 0,    increase: (n = 1) => set((state) => ({ n: state.n + n })),    decrease: () => set((state) => ({ n: state.n - 1 })),  }}export const useStore = create<Store>()((set) => ({  about: createAbout((innerSet) => set(state => ({ about: {...state.about, ...innerSet(state.about)} }))),  home: createHome((innerSet) => set(state => ({ home: {...state.home, ...innerSet(state.home)} }))),}))// 使用方式：useStore().about.count)useStore().about.increase();