zustand 사용법

JungKuk Jo·2023년 7월 6일
0
  1. store 를 만든다.

import create from 'zustand'; // create로 zustand를 불러옵니다.
import {devtools, persist} from 'zustand/middleware';

export const useStoreUser = create(
  devtools(() => ({     // debugging 을 하기 위해 추가        
    email: '',
    address: '',
);
  1. useStoreUser 정보를 업데이트 할 때
import useStoreUser from '../../config/store';

const Ascreen = props = {

....
useStoreUser.setState(userProfile);

or 

useStoreUser.setState({address:'잠실'});


....}
  1. useStoreUser 정보가 필요한 콤포넌트에서 import 하여 사용한다.
import useStoreUser from '../../config/store';

const BScreen = props = {

....
const {email, address} = useStoreUser();


....}

import create from 'zustand';

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

// 상태 가져오기
const state = useStore.getState();
console.log(state.count); // 0

// 상태 업데이트
useStore().increment();

// 변경된 상태 가져오기
const updatedState = useStore.getState();
console.log(updatedState.count); // 1

0개의 댓글