connect
component를 store에 연결시켜준다.
store.dispatch()
store.getState()
mapStateToProps
function mapStateToProps(state, ownProps?)
- 함수로 쓰인다
- state는 Redux store에서 온 것
-
ownProps는 component로 부터 온 props
- mapStateToProps를 쓴다는 것은 store로부터 가져올 것이 있다는 것.
- 가져와서 component의 props에 담는다.
예시 Home.js
1
2
export default connect(getCurrentState)(Home);
//getCurrentState라는 function을 사용해서 store로부터 state를 Home으로 전달
mapDispatchToProps
- connect의 인자로 쓰인다.
connect(mapStateToProps, mapDispatchToProps)- 만약 mapStateToProps가 필요하지 않다면
connect(null, mapDispatchToProps)라고 쓴다.
