Redux #2 | Provider, Connect(레거시), useSelector, useDispatch

Provider

개요

• React 에서 Redux 를 사용할때 Store 를 연결할 수 있도록 도와줍니다.
• react-redux 모듈에 포함된 컴포넌트입니다.

예시

Connect (레거시)

개요

• 컴포넌트들을 Store 에 연결해줍니다.
• 두 개의 인자를 갖습니다. state, dispatch
  • 둘 중에 고를 수 있습니다.
• 너무 복잡합니다 과하게

예시 (복잡...)

useSelector

개요

• Store 에 있는 State 를 컴포넌트로 전달할때 사용하는 함수
• 사용법이 간편하고 직관적입니다.

예시

useDispatch

개요

• Store 의 dispatch 메서드를 사용할 수 있도록 도와주는 Hook

예시