IT이야기

Redex에서 'mapStateToProps'와 'mapDispatchToProps'의 용도는 무엇인가?

cyworld 2022. 3. 15. 20:47
반응형

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)

여기서 로그인은 우리가 매핑해야 할 구성요소(클래스)이다.

이 문제가 해결되길 바라며, 그 차이는 더 이상 도움이 안 되는지 물어봐도 된다.

참조URL: https://stackoverflow.com/questions/48124511/what-is-the-use-of-mapstatetoprops-and-mapdispatchtoprops-in-redux

반응형