Ricerca nel sito web
typescript - Come posso gestire Zustand persist nei miei test Jest?
Attualmente sto creando un'app React Native utilizzando Zustand per la gestione dello stato. Zustand ha la capacità di persistere lo stato nello storage, nel mio caso l'async storage di React Native. Funziona bene, tuttavia durante l'esecuzione dei test il wrapper persist di Zustand fa sì che la mia suite di Jes
Continua a leggere →typescript - Tipizzare il metodo `set` dello store Zustand con il middleware Immer mantenendo l'autocompletamento
Ho problemi a digitare il metodo set dello store di Zustand mentre utilizzo il middleware Immer. Devo digitare questo metodo poiché alcune proprietà contengono funzioni che aggiorneranno lo stato, quindi hanno bisogno della funzione set:
export const useStore = create<Store>()( immer((set, get) => ({ func: beginDraggingVertex(set, get, vertexID) })) ) .... function beginDraggingVertex(set: Setter, get: Getter, vertexID: string) { Continua a leggere →reactjs - Come potrei creare un wrapper hook selettore per lo store Zustand in Typescript
Sto cercando di usare Zustand come sostituto di React Context per fornire uno stato condiviso tra un sottoinsieme di componenti, e uno dei modelli che mi ritrovo a usare spesso è il selettore superficiale a più proprietà, così:
// store.ts interface State { Continua a leggere →reactjs - Errore con Zustand e Typescript quando si utilizza Persist. L'errore è: persist.d.ts(95, 210): Non è stato fornito un argomento per 'options'
Sto cercando di utilizzare la funzionalità persist con Zustand seguendo il modello nella documentazione di Zustand per Typescript, ma ricevo un errore quando aggiungo il metodo persist.
L'errore è persist.d.ts(95, 210): Non è stato fornito un ar
Continua a leggere →Come usare zustand devtools con TypeScript?
Sto cercando di usare la funzione devtools di zustand. Sto anche usando TypeScript. Quando passo lo store a devtools, l'intero codice dello store genera un errore come: Argument of type 'StateCreator
Ecco il codice del mio negozio:
const useUserStore = create<Store>(devtools((set) => ({ token: "", isLogged: f Continua a leggere →reactjs - Come usare zustand per lo stato globale dell'autenticazione utente in next.js 13.4.9
Ho il seguente codice nella mia app Next.js 13.4.9 (usando l'app router) e non sono sicuro di come usare efficacemente zustand per gestire lo stato globale di autenticazione.
negozio zustand:
// /src/store/AuthStore.ts import { create } from 'zustand'; import { pers Continua a leggere →typescript - Utilizzo dei generici con il metodo create di zustand
Ho un store zustand che contiene elementi di tipo GridRow<T>. Questo rappresenta le righe selezionate in una griglia principale, quindi usa i generici per rappresentare i dati specifici utilizzati nella griglia.
Non sono sicuro su come passare il generico al metodo create del negozio. Non p
Continua a leggere →reactjs - funzione di stato di zustand per cambiare una proprietà di un oggetto
Quindi sto usando Zustand con React nella mia app Electron. Lo sto usando per recuperare alcuni dati dal database dexie. È solo una voce e la salva nello stato. Sto cercando di ottenere la funzione set dal componente di render per poter cambiare lo stato della sua rispettiva proprietà nello stato. In R
Continua a leggere →reactjs - Aggiungere valori a un array all'interno di un oggetto nello stato di Zustand
Ho un oggetto utente salvato nello stato di Zustand e contiene un array con l'elenco dei film preferiti dell'utente (il segnaposto vuoto viene sostituito al login). Tuttavia, per qualche motivo, Zustand non riesce a riconoscere l'oggetto utente, affermando che non esiste quando provo a usarlo nella f
Continua a leggere →reactjs - Come fare il Toggle usando Zustand
Ho creato il seguente store usando Zustand:
import create from "zustand" const useStore = create((set) => ({ show: false, toggleShow: () => set((state) => ({ show: !state.show })), }))Ho supposto che questo sarebbe stato il modo corretto per alternare il valore di show. Tuttavia, TypeScript
Continua a leggere →