zustand - 사용법

김종민·2023년 3월 11일
0
  1. store.ts를 만들어 아래의 코드를 작성한다.
type StoreState = BearState & DogSlice;

export const useAppStore = create<StoreState>()((...set) => ({
  ...useBearStore(...set),
  ...useDogStore(...set),
}));
  1. useBearStore 및 useDogStore는 아래와 같은 형식으로 작성한다.
import { StateCreator } from "zustand";

export interface BearState {
  bears: number;
  bearIncrease: () => void;
}

export const useBearStore: StateCreator<BearState> = (set) => ({
  bears: 0,
  bearIncrease: () => set((state) => ({ bears: state.bears + 1 })),
});
profile
개발을 합시다 :)

0개의 댓글