Meydan okuma: Zustand store

Bir sepet store'u yazıp iki bileşene bağlarsın.

Meydan okuma: Zustand store

Bu meydan okumada Zustand ile bir durum deposu yazacaksın. create fonksiyonu bir hook döndürür; bileşenler bu hook'u çağırıp ilgili dilime abone olur.

Bir sayaç deposu count ve increment taşır. set({ count: count + 1 }) ile güncellersin. Seçici (selector) ile yalnızca gereken dilim abone olunur.

Uygulama Zustand store yaz

useCounter store yaz. create içe aktar. create((set) => ({ count: 0, increment: () => set((s) => ({ count: s.count + 1 })) })) ile store tanımla ve dışa aktar.

Örnek çözümü göster

import { create } from 'zustand';

const useCounter = create((set) => ({
  count: 0,
  increment: () => set((s) => ({ count: s.count + 1 })),
}));
export default useCounter;

Kendini test et

Zustand'da güncelleme nasıl yapılır?
- store.state = newState
- set fonksiyonu ile
- dispatch ile
- useState ile
Cevabı göster

set fonksiyonu ile — set fonksiyonu durumu günceller.

Boşluğu doldur: Zustand store oluştur

import { create } from 'zustand';

const useCounter = ____((set) => ({ count: 0, increment: () => set((s) => ({ count: s.count + 1 })) }));

Cevabı göster

import { create } from 'zustand';

const useCounter = create((set) => ({ count: 0, increment: () => set((s) => ({ count: s.count + 1 })) }));

Sıradaki ders: Meydan okuma: Form ve doğrulama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler