- store 를 만든다.
import create from 'zustand'; // create로 zustand를 불러옵니다.
import {devtools, persist} from 'zustand/middleware';
export const useStoreUser = create(
devtools(() => ({ // debugging 을 하기 위해 추가
email: '',
address: '',
);
- useStoreUser 정보를 업데이트 할 때
import useStoreUser from '../../config/store';
const Ascreen = props = {
....
useStoreUser.setState(userProfile);
or
useStoreUser.setState({address:'잠실'});
....}
- 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