[Redux] useSelector & useDispatch

provider로 둘러싸인 컴포넌트에서 store 접근

리액트에 Hooks가 있듯이 리덕스에도 Hooks가 있는데 그게 바로 useSelector와 useDispatch이다. 이 둘을 이용해 provider로 둘러싸인 컴포넌트에서 store에 접근이 가능하다.

 

useSelector

useSelector Hooks를 이용해 스토어의 값을 가져올 수 있다.

const result: any = useSelector(selector: Function, equalityFn?: Function)

 

해결 방법

1) Root Reducer에 RootState 타입을 생성하기

 

2) 생성한 RootState을 State 객체에 제공하기

 

3) useDispatch: store에 있는 dispatch 함수에 접근하는 hooks이다.