반응형
Redex에서 'mapStateToProps'와 'mapDispatchToProps'의 용도는 무엇인가?
나는 mapDispatchToProps, mapStateToProps의 실제 용도를 이해할 수 없으니 예를 들어 설명해주길 바란다.
mapDispatchToProps와 mapStateToProps는 두 개의 API이다.
mapStateToProps는 스토어의 현재 상태 개체를 제공하며, 이를 통해 필요한 상태 부분을 필터링하고 사용할 수 있다.또한 컴포넌트의 상위 제공 인수를 포함하는 자체 Props 매개 변수를 제공할 수 있다.예:
const mapStateToProps = (state, ownProps) => {
return state;
}
mapDispatchToProps를 사용하면 구성 요소 내에서 기능을 사용할 수 있다.따라서 actionCreators를 사용하면 구성 요소 내부에 기능을 배치하지 않고도 직접 사용할 수 있는 기능을 제공할 수 있다. 예:
const mapDispatchToProps = dispatch => {
return {
login1: bindActionCreators(login, dispatch)
}
}
여기서 바인딩 함수에 제공된 로그인을 작업 파일로부터 *로 가져오십시오. 예를 들어, '로그인'에서 *로 가져오기
Now Connect는 react-remensx에 의해 제공되는 또 다른 API로, 실제 접착제를 제공하고 다음과 같은 것들이 작동하도록 한다.
export default connect(mapStateToProps,null,mapDispatchToProps)(Login)
여기서 로그인은 우리가 매핑해야 할 구성요소(클래스)이다.
이 문제가 해결되길 바라며, 그 차이는 더 이상 도움이 안 되는지 물어봐도 된다.
반응형
'IT이야기' 카테고리의 다른 글
툴 > 안드로이드 메뉴는 안드로이드 스튜디오에 존재하지 않는다. (0) | 2022.03.15 |
---|---|
사전은 Python 3.6+로 주문되었는가? (0) | 2022.03.15 |
reactj가 있는 링크에 프록시를 사용하는 방법 (0) | 2022.03.15 |
RxJS - 여러 번 호출된 플랫맵 관찰자 (0) | 2022.03.15 |
vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법? (0) | 2022.03.15 |