typescript - Hoe kan ik Zustand persist aanpakken in mijn Jest-tests?

Ik ben momenteel een React Native-app aan het maken met Zustand voor mijn statebeheer. Zustand heeft de mogelijkheid om de staat op te slaan in opslag, in mijn geval de asynchronous storage van React Native. Het werkt goed, maar bij het uitvoeren van tests zorgt de persist-wrapper van Zustand ervoor dat mijn Jes

Lees verder →

typescript - Het typen van de `set`-methode van een Zustand store met Immer-middleware terwijl automatisch aanvullen behouden blijft

Ik heb moeite met het typen van de set-methode van de Zustand store terwijl ik de Immer-middleware gebruik. Ik moet het wel typen omdat sommige eigenschappen functies bevatten die de staat zullen bijwerken, dus ze hebben de set-functie nodig:

export const useStore = create<Store>()( immer((set, get) => ({ func: beginDraggingVertex(set, get, vertexID) })) ) .... function beginDraggingVertex(set: Setter, get: Getter, vertexID: strin

Lees verder →

reactjs - Hoe zou ik een Zustand store selector hook-wrapper maken in Typescript

Ik probeer Zustand te gebruiken als vervanging voor React Context om een gedeelde staat te bieden aan een subset van componenten, en een van de patronen die ik vaak gebruik is de ondiepe selector met meerdere eigenschappen, zoals volgt:

// store.ts interface

Lees verder →

reactjs - Fout met Zustand en Typescript bij gebruik van Persist. De fout is: persist.d.ts(95, 210): Er is geen argument voor 'options' opgegeven

Ik probeer de persist-functie te gebruiken met Zustand volgens het patroon in de Zustand-documentatie voor Typescript, maar ik krijg een fout wanneer ik de persist-methode toevoeg.

De fout is persist.d.ts(95, 210): Er is geen argument voor 'opti

Lees verder →

Hoe gebruik je zustand devtools met typescript?

Ik probeer de devtools-functie van zustand te gebruiken. Ik gebruik ook TypeScript. Wanneer ik de store aan devtools doorgeef, geeft mijn hele store-code de volgende fout: Argument of type 'StateCreator<Store, [], [["zustand/devtools", never]], Store>' is not assignable to parameter of type 'StateCreator<Store, [], [], Store>'.

Hier is mijn winkelcode:

const useUserStore = create<Store>(devtools((set) => ({

Lees verder →

reactjs - Hoe zustand te gebruiken voor globale gebruikersauthenticatiestatus in next.js 13.4.9

Ik heb de volgende code in mijn Next.js 13.4.9-app (met gebruik van de app-router) en ik weet niet zeker hoe ik zustand effectief kan gebruiken om de globale auth-status te beheren.

zustand winkel:

// /src/store/AuthStore.ts import { create } from 'zustand'; import

Lees verder →

typescript - Generics gebruiken met de create-methode van zustand

Ik heb een zustand store die items van het type GridRow<T> bevat. Dit vertegenwoordigt geselecteerde rijen in een hoofdgrid, dus het gebruikt generics om de specifieke gegevens die in de grid worden gebruikt weer te geven.

Ik weet niet zeker hoe ik het generiek aan de create-methode van de

Lees verder →

reactjs - zustand statefunctie om één eigenschap van een object te veranderen

Dus ik gebruik Zustand met React in mijn Electron-app. Ik gebruik het om wat gegevens uit de Dexie-database op te halen. Het is maar één invoer en het slaat het op in de state. Ik probeer de set-functie van de rendercomponent te krijgen om de staat van het betreffende eigendom in de state te kunnen wij

Lees verder →

reactjs - Waarden toevoegen aan een array binnen een object in Zustand-state

Ik heb een gebruikersobject opgeslagen in de Zustand-state en het bevat een array met de lijst van de favoriete films van de gebruiker (de lege placeholder wordt vervangen bij het inloggen). Om de een of andere reden kan Zustand het gebruikersobject echter niet herkennen en beweert het dat het niet b

Lees verder →

reactjs - Hoe schakelen met Zustand

Ik heb de volgende store gemaakt met Zustand:

import create from "zustand" const useStore = create((set) => ({ show: false, toggleShow: () => set((state) => ({ show: !state.show })), }))

Ik nam aan dat dit de juiste manier zou zijn om de waarde van show te schakelen. Echter, TypeScript is ni

Lees verder →