728x90
1. reducer 함수
- reducer 함수 속에 저장해둔 과거 state와 현재 값을 가지고 다음 state 만들어 반환한다.
2. store
- createStore(reducer) 함수를 통해 해당 reducer state의 저장소를 만든다.
3. Provider
- <Provider store={store}> 태그를 통해 해당 store를 Provider 속 컴포넌트 전역과 연결한다.
- import store를 하지 않아도 된다.
4. connect
- connect(mapStateToProps, mapDispatchToProps)(AddNumber);
- AddNumber를 감싼다.
- mapStateToProps 함수를 통해 redux state를 가져온다.
- mapDispatchToProp 함수를 통해 redux state를 넣는다.
728x90
'Front-End > React' 카테고리의 다른 글
[React Hook] 2. State Hook (0) | 2021.02.22 |
---|---|
[React Hook] 1. Hook 소개 (0) | 2021.02.22 |
[react-redux] 4. ract-redux 도입 (0) | 2021.02.17 |
[react-redux] 3. redux 와 component 코드 분리 (0) | 2021.02.17 |
[react-redux] 2. redux 도입 어플리케이션 (0) | 2021.02.17 |
댓글