reactjs - Πώς θα δημιουργούσα ένα wrapper hook επιλογέα καταστήματος Zustand σε Typescript
Προσπαθώ να χρησιμοποιήσω το Zustand ως αντικατάσταση του React Context για να παρέχω μια κοινή κατάσταση ανάμεσα σε ένα υποσύνολο συστατικών, και ένα από τα μοτίβα που βρίσκω τον εαυτό μου να χρησιμοποιεί πολύ είναι ο ρηχός επιλογέας πολλαπλών ιδιοτήτων, όπως το εξής:
Διαβάστε περισσότερα →reactjs - Σφάλμα με Zustand και Typescript κατά τη χρήση του Persist. Το σφάλμα είναι: persist.d.ts(95, 210): Δεν δόθηκε όρισμα για το 'options'
Προσπαθώ να χρησιμοποιήσω τη λειτουργία persist χρησιμοποιώντας το Zustand ακολουθώντας το πρότυπο στην τεκμηρίωση του Zustand για Typescript, αλλά λαμβάνω ένα σφάλμα όταν προσθέτω τη μέθοδο persist.
Το σφάλμα είναι persist.d.ts(95, 210): Δεν πα
Διαβάστε περισσότερα →Πώς να χρησιμοποιήσετε τα devtools του zustand με TypeScript;
Προσπαθώ να χρησιμοποιήσω τη λειτουργία devtools του zustand. Χρησιμοποιώ επίσης TypeScript. Όταν περνάω το store στα devtools, ολόκληρος ο κώδικας του store μου εμφανίζει σφάλμα ως εξής: Το όρισμα τύπου 'StateCreator<Store, [], [["zustand/devtools", ποτέ]], Store>' δεν μπορεί να ανατεθεί στην παράμετρο τύπου 'StateCreator<Store, [], [], Store>'.
Ορίστε ο κωδικός του καταστήματός μου:
const useUserStore = create<Sto Διαβάστε περισσότερα →reactjs - Πώς να χρησιμοποιήσετε το zustand για την παγκόσμια κατάσταση αυθεντικοποίησης χρήστη στο next.js 13.4.9
Έχω τον ακόλουθο κώδικα στην εφαρμογή μου Next.js 13.4.9 (χρησιμοποιώντας τον app router) και δεν είμαι σίγουρος πώς να χρησιμοποιήσω αποτελεσματικά το zustand για να διαχειριστώ την παγκόσμια κατάσταση αυθεντικοποίησης.
κατάστημα zustand:
// /src/store/AuthStore.ts Διαβάστε περισσότερα →typescript - Χρήση γενικών τύπων με τη μέθοδο create του zustand
Έχω ένα κατάστημα zustand που κρατά αντικείμενα τύπου GridRow<T>. Αυτό αντιπροσωπεύει τις επιλεγμένες σειρές σε ένα κύριο πλέγμα, οπότε χρησιμοποιεί γενικά για να αντιπροσωπεύσει τα συγκεκριμένα δεδομένα που χρησιμοποιούνται στο πλέγμα.
Δεν είμαι σίγουρος πώς να περάσω το γενικό στο create
Διαβάστε περισσότερα →reactjs - συνάρτηση κατάστασης zustand για να αλλάξει μια ιδιότητα αντικειμένου
Έτσι χρησιμοποιώ το Zustand με το React στην εφαρμογή μου Electron. Το χρησιμοποιώ για να τραβήξω κάποια δεδομένα από τη βάση δεδομένων Dexie. Είναι μόνο μία εγγραφή και την αποθηκεύει στο state. Προσπαθώ να πάρω τη συνάρτηση set από το component που κάνει render για να μπορέσω να αλλάξω το state της α
Διαβάστε περισσότερα →reactjs - Προσθήκη τιμών σε έναν πίνακα μέσα σε ένα αντικείμενο στην κατάσταση του Zustand
Έχω ένα αντικείμενο χρήστη αποθηκευμένο στην κατάσταση του Zustand και περιέχει έναν πίνακα με τη λίστα ταινιών αγαπημένων από τον χρήστη (ο κενός δείκτης αντικαθίσταται κατά την είσοδο). Ωστόσο, για κάποιο λόγο, το Zustand δεν μπορεί να αναγνωρίσει το αντικείμενο χρήστη, ισχυριζόμενο ότι δεν υπάρχει
Διαβάστε περισσότερα →reactjs - Πώς να κάνετε εναλλαγή χρησιμοποιώντας το Zustand
Έχω δημιουργήσει το ακόλουθο κατάστημα χρησιμοποιώντας το Zustand:
import create from "zustand" const useStore = create((set) => ({ show: false, toggleShow: () => set((state) => ({ show: !state.show })), }))Υπέθεσα ότι αυτό θα ήταν ο σωστός τρόπος για να αλλάξω την τιμή του show. Ωστόσο, το
Διαβάστε περισσότερα →reactjs - React + PIXI + Zustand - Παλαιά κατάσταση στους χειριστές ποντικιού
Έχω ένα καμβά Pixi με χειριστές δείκτη. Μπορείτε να κάνετε κλικ σε ένα σημείο σε μια «ακολουθία» και να το μετακινήσετε.
Οι χειριστές του ποντικιού είχαν παλιό κατάσταση. Για να το διορθώσω, αναδημιουργώ τους χειριστές κάθε φορά που τροποποιείται η σειρά, ώστε να έχουν πάντα φρέσκια κατάσταση. Αυτό διόρθωσε το
Διαβάστε περισσότερα →reactjs - Πώς να περάσετε μια γενική διεπαφή στην κλήση create του zustand στο TypeScript;
Έχω παλεύει να βρω μια απάντηση σχετικά με το ποια είναι η σωστή σύνταξη για να περάσω μια γενική διεπαφή όταν καλώ μια συνάρτηση που παίρνει έναν γενικό τύπο.
Αυτό που θέλω να κάνω είναι const data=itemStore<T>(state => state.data)
im Διαβάστε περισσότερα →