[Redux] 상태 변경 / 조회 : dispatch, useSelector

Local Gaji·2023년 7월 8일
0

Redux

목록 보기
4/6

Dispatch 로 스토어 속 상태를 변경하고
useSlice 로 스토어 속 상태를 불러온다.

🎈 Dispatch

액션을 발생시켜 상태를 변경한다


🔰 선언

const dispatch = useDispatch()

🔰 사용 : 액션 지정

dispatch({ type: '타입명', payload: 페이로드 })

🔰 사용 : 액션 함수

const setUser = ( 페이로드 ) => {
  {
    type: "타입명", 
    페이로드,
  }
}
  
dispatch(setUser( {
  email: user.email,
  islogin: true,
} ))

또는 Slice의 리듀서를 불러와서 사용한다.


🎈 useSelector

리덕스 스토어에서 상태를 가져온다.

const 상태명 = useSelector((state) => state.가져올상태)

상태객체 속 값이 하나만 바뀌어도 리렌더링 되므로,
객체를 가져올 때 값 하나씩 가져오는게 좋다.

constA = useSelector((state) => state.가져올상태.A)
constB = useSelector((state) => state.가져올상태.B)

0개의 댓글