Jeg har et Pixi-canvas med pointerhåndterere. Du kan klikke på et punkt på en 'sekvens' og flytte det.
Musens håndterere havde en gammel tilstand. For at løse det genskaber jeg handlerne, hver gang sekvensen ændres, så de altid har en frisk tilstand. Dette løste tilstandsfejlen. Men det virker ikke, hvis tilst
Læs mere →
så jeg har kæmpet med at finde et svar på, hvad der er den korrekte syntaks for at videregive et generisk interface, når man kalder en funktion, der tager en generisk type.
Det, jeg vil gøre, er const data=itemStore<T>(state => state.data)
Læs mere →
Jeg vil tilføje en persist middleware til min useGlobalStore. Jeg vil håndtere der (sætte og hente) data til sessionslageret. Jeg har kigget gennem dokumentationen, men kunne ikke finde et svar på, hvordan jeg kan kombinere mine create og persist funktioner.
Her er min useGloba
Læs mere →
Jeg forsøger at bruge Zustands persist-middleware til at gemme og hente tilstand i min React-applikation. Jeg støder dog på en TypeScript-fejl, som jeg har svært ved at løse. Fejlmeddelelsen er som følger:
Argument of type 'StateCreator<F Læs mere →
Jeg vil lægge den autentificerede bruger i en zustand store. Jeg får den autentificerede bruger ved hjælp af react-query, og det forårsager nogle problemer. Jeg er ikke sikker på, hvorfor jeg gør dette. Jeg vil, at alt relateret til autentificering kan tilgås i en hook, så jeg troede, at zustand var et godt valg.
Dette er hooken, der henter den autentificerede bruger:
const getAuthUser = async () => { const { data } = await axios.get<AuthUserResponse>(`/auth/me` Læs mere →
Når man henter tilstand fra en API med Zustand i en useEffect-funktion, hvad er så bedste praksis for at gøre det? Lige nu bruger jeg det meget simpelt:
export interface ModeState{ modes: Mode[]; fetchModes: () => void; } export const useModeStore = create<ModeState>((s Læs mere →
Jeg har denne simple butik
interface CartState { cart: { [id: string]: CartDto }; addItem: ({ id, image, name, price }: Omit<CartDto, "quantity">) => void; removeItem: (id: string) => void; reset: () => void; } export const useCart = create<CartState>((set, get) => ({ Læs mere →