#220106 TIL

🌱redux 쓰는 이유

• 모든 컴포넌트가 props없이 state 직접 사용 가능
• state 에러 추적 용이함 (state데이터의 수정방법: reducer)

데이터 수정하기
1) reducer로 수정하는 방법 만들기
2) dispatch()로 수정하기
=> state 데이터 관리 기능(상태관리 용이)

🌱reducer

• state가 여러 개 필요할 때는 reducer를 더 만들기
• reducer 안에는 state 초기값 + 수정하는 법 넣기
• reducer 합칠 때? combineReducers({})
• reducer의 액션 파라미터 = dispatch()할 때 보낸 object

🌱redux 셋팅

• store에 state저장 후, < Provider > 로 원하는 곳 감싸기
• redux store데이터 사용: props로 바꿔주는 함수 쓰기
• dispatch할 때 데이터 함께 전송해주기
• 전송한 데이터 쓰려면? action.payload

🌱컴포넌트에서 store에 있는 state 쓰는 방법

• 첫째, function 만들기
• 둘째, export default connect()()
• 셋째, store데이터를 props로 등록하기