24. 06. 07 TIL redux-4

다시 한 번 디스패치 정리!!

 

1. set ~ (상태를 변경하는) 을 사용하고 싶으면 dispatch로 보내줘야 한다.

const dispatch = useDispatch();

그럼 이거 넣어주고,

 

import { useDispatch } from 'react-redux';

이것도 빼먹지 말고

 

 dispatch(setSaveMonth(month));

이렇게 사용하고,

 

import { setSaveMonth } from './../store/slices/budgetSlice';

이것도 빼먹지 말고 사용!

상태 업데이트 할 때 필요하다.

 

---

이제 유즈셀렉터 정리!

 

import { useDispatch, useSelector } from 'react-redux';

이거 넣어줘.

 

  const saveMonth = useSelector((state) => state.budget.saveMonth);

이렇게 해서 가져와.

 

{saveMonth}월

이렇게 사용!

 

즉, 디스패치는 값을 업데이트 하기 위해 보내는 것, useSelector는 업데이트 된 값을 받아오는 것... 이라고 할 수 있을 듯.

 

틀렸다면 조ㅣ송,,,