ค้นหาเว็บไซต์

reactjs - React + PIXI + Zustand - สถานะล้าสมัยในตัวจัดการเมาส์

ฉันมีผืนผ้าใบ Pixi ที่มีตัวจัดการตัวชี้ สามารถคลิกที่จุดบน 'ลำดับ' และย้ายมันได้

ตัวจัดการเมาส์มีสถานะเก่า เพื่อแก้ไขฉันกำลังสร้างตัวจัดการใหม่ทุกครั้งที่ลำดับถูกแก้ไข เพื่อให้พวกมันมีสถานะใหม่อยู่เสมอ ซึ่งได้แก้ไขข้อบกพร่องเกี่ยวกับสถานะแล้ว แต่จะใช้ไม่ได้หากสถานะถูกแก้ไขเมื่อปล่อยเมาส์ การสร้างตัวจัดการใหม่จ

อ่านต่อไป →

reactjs - วิธีส่งอินเตอร์เฟซทั่วไปไปยังการเรียกสร้างของ zustand ใน TypeScript?

ดังนั้นฉันจึงต้องดิ้นรนหาคำตอบเกี่ยวกับว่าซินแทกซ์ที่ถูกต้องในการส่งอินเทอร์เฟซทั่วไปเมื่อเรียกใช้ฟังก์ชันที่รับประเภททั่วไปคืออะไร

สิ่งที่ฉันอยากทำคือ const data=itemStore<T>(state => state.data)

import { create } from "zustand&q

อ่านต่อไป →

typescript - การเพิ่ม middleware การเก็บข้อมูลถาวรลงในร้านของ zustand

ฉันต้องการเพิ่ม middleware แบบ persist ให้กับ useGlobalStore ของฉัน ฉันต้องการจัดการที่นั่น (ตั้งค่าและดึง) ข้อมูลสำหรับ sessions store ฉันได้ดูเอกสารแล้วแต่ไม่พบคำตอบว่าต้องรวมฟังก์ชัน create และ persist ของฉันเข้าด้วยกันอย่างไร

นี่คือ useGlobalStore ของฉัน:

อ่านต่อไป →

javascript - ข้อผิดพลาด TypeScript กับ Zustand's Persist Middleware และ StateCreator ในแอป React

ฉันกำลังพยายามใช้ middleware persist ของ Zustand เพื่อเก็บและดึงสถานะในแอป React ของฉัน อย่างไรก็ตาม ฉันพบข้อผิดพลาดของ TypeScript ที่ฉันพยายามแก้ไขแต่ไม่สำเร็จ ข้อความแสดงข้อผิดพลาดคือ:

Argument of type 'StateCreator<ForestStore, [], [[&

อ่านต่อไป →

reactjs - วิธีใช้ zustand เพื่อเก็บผลลัพธ์ของการค้นหา

ผมต้องการใส่ผู้ใช้ที่ผ่านการยืนยันตัวตนลงในสโตร์ของ zustand ผมได้ผู้ใช้ที่ผ่านการยืนยันตัวตนโดยใช้ react-query และนั่นทำให้เกิดปัญหาบางอย่าง ผมไม่แน่ใจว่าทำไมผมถึงทำแบบนี้ ผมต้องการให้ทุกสิ่งที่เกี่ยวข้องกับการยืนยันตัวตนสามารถเข้าถึงได้ในฮุก ดังนั้นผมจึงคิดว่า zustand เป็นตัวเลือกที่ดี

นี่คือฮุคที่ดึงผู้ใช้ที่ได้รับการยืนยัน:

const getAuthUser = async () => { const { data } = await axios.get<AuthUserResponse>(`/auth/me`, { withCredentials: true, }); ret

อ่านต่อไป →

reactjs - การดึงข้อมูลด้วย Zustand พร้อมเรียก API ด้วย useEffect แนวทางปฏิบัติที่ดีที่สุด

เมื่อดึงสถานะจาก API ด้วย Zustand ในฟังก์ชัน useEffect แนวปฏิบัติที่ดีที่สุดในการทำเช่นนั้นคืออะไร ตอนนี้ฉันกำลังใช้มันอย่างเรียบง่าย:

export interface ModeState{ modes: Mode[]; fetchModes: () => void; } export const useModeStore = create<ModeState>((set) => ({ mod

อ่านต่อไป →

reactjs - zustand typescript การเก็บข้อมูลแบบถาวร วิธีการกำหนดประเภทของสโตร์

ฉันมีร้านง่ายๆ นี้

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) => ({ cart:

อ่านต่อไป →