reducer를 좀 더 쉽게 불러와보자.(useSelector, useDispatch)

reducer를 불러오려면 컴포넌트나 js 파일 맨 밑에

 

이런 작업이 필요하였다.

 

그리고 결과적으로 reducer를 props화 한것이기에,

 

이렇게 사용시 props를 앞에 붙여주어야만했다.

 

 

하지만 

 

이렇게 useSelector, useDispatch 라는 함수를 import 해오면

 

state를 props로 변환하는 함수를 만들지않고도

 

컴포넌트 내에서 쉽게 reducer를 사용가능하다.

 

useSelector 함수는 단순히 reducer를 state로 모두 가져와 사용자가 원하는대로 return할 수 있게 해준다.

 

위 사진은 state를 통째로 하나의 객체로서 return하지만

 

 

역시 이렇게 reducer를 부분적으로 가져오는것도 가능하다.

 

이 작업을 거치면 state로 가져온 reducer 앞에 꼭 props를 붙이지않고

 

그냥 변수명만으로 호출이 가능하다.

 

 

 

또 useDisptach함수도 변수에 할당하면

 

props를 앞에 안붙이고 해당 변수만으로도 dispatch 함수 호출이 가능하다.