typescript - Hvordan kan jeg håndtere Zustand persist i mine Jest-tests?
Jeg er i øjeblikket ved at oprette en React Native-app ved hjælp af Zustand til min tilstandsadministration. Zustand har mulighed for at bevare tilstanden i lagring, i mit tilfælde Async Storage i React Native. Det fungerer fint, men når jeg kører tests, får persist-indpakningen i Zustand min Jest-suite til at f
Læs mere →typescript - Typning af `set`-metoden fra Zustand store med Immer middleware, mens autoudfyldelse bevares
Jeg har problemer med at skrive typen på set-metoden fra Zustand store, mens jeg bruger Immer middleware. Jeg har brug for at skrive typen, da nogle egenskaber indeholder funktioner, der vil opdatere tilstanden, så de har brug for set-funktionen:
export const useStore = create<Store>()( immer((set, get) => ({ func: beginDraggingVertex(set, get, vertexID) })) ) .... function beginDraggingVertex(set: Setter, get: Getter, vertexID: s Læs mere →reactjs - Hvordan ville jeg oprette en Zustand store selector hook wrapper i Typescript
Jeg prøver at bruge Zustand som en erstatning for React Context for at give en delt tilstand blandt et udvalg af komponenter, og et af de mønstre, jeg ofte finder mig selv bruge, er den lave, multi-egenskabs selektor, sådan her:
// store.ts interface State { Læs mere →reactjs - Fejl med Zustand og Typescript ved brug af Persist. Fejlen er: persist.d.ts(95, 210): Et argument for 'options' blev ikke givet
Jeg forsøger at bruge persist-funktionen med Zustand ved at følge mønsteret i Zustands dokumentation for Typescript, men jeg får en fejl, når jeg tilføjer persist-metoden.
Fejlen er persist.d.ts(95, 210): Et argument for 'options' blev ikke angi
Læs mere →Hvordan bruger man zustand devtools med TypeScript?
Jeg prøver at bruge devtools-funktionen i zustand. Jeg bruger også TypeScript. Når jeg sender butikken til devtools, giver hele mit butiks-kode en fejl som: Argument of type 'StateCreator
Her er min butikskode:
const useUserStore = create<Store>(devtools((set) => ({ token: "", isLogged: false, loginUser: Læs mere →reactjs - Hvordan man bruger zustand til brugerautentifikations global tilstand i next.js 13.4.9
Jeg har følgende kode i min Next.js 13.4.9-app (der bruger app-routeren), og jeg er ikke sikker på, hvordan jeg effektivt kan bruge zustand til at håndtere global auth-tilstand.
zustand-butik:
// /src/store/AuthStore.ts import { create } from 'zustand'; import { per Læs mere →typescript - Brug af generics med zustands create-metode
Jeg har en zustand-store, som indeholder GridRow<T>-type elementer. Dette repræsenterer valgte rækker i et hovedgitter, så den bruger generics til at repræsentere de specifikke data, der bruges i gitteret.
Jeg er ikke sikker på, hvordan jeg skal give generikken videre til butikkens create-m
Læs mere →reactjs - zustand state-funktion til at ændre en egenskab af et objekt
Så jeg bruger Zustand med React i min Electron-app. Jeg bruger det til at hente nogle data fra Dexie-databasen. Det er kun én post, og den gemmes i state. Jeg prøver at få set-funktionen fra render-komponenten for at kunne ændre tilstanden af dens respektive egenskab i state. I React useState virker de
Læs mere →reactjs - Tilføj værdier til et array inde i et objekt i Zustand-tilstand
Jeg har et brugerobjekt, der bliver gemt i Zustand state, og det indeholder et array med listen over brugerens foretrukne film (den tomme pladsholder bliver erstattet ved login). Men af en eller anden grund kan Zustand ikke genkende brugerobjektet og påstår, at det ikke eksisterer, når jeg forsøger a
Læs mere →reactjs - Hvordan man toggler ved brug af Zustand
Jeg har oprettet den følgende butik ved hjælp af Zustand:
import create from "zustand" const useStore = create((set) => ({ show: false, toggleShow: () => set((state) => ({ show: !state.show })), }))Jeg antog, at dette ville være den korrekte måde at skifte værdien af show på. Dog er TypeScr
Læs mere →