복붙노트

[REACTJS] REDUX 저장소에 데이터를 재사용 계산을위한 모범 사례

REACTJS

REDUX 저장소에 데이터를 재사용 계산을위한 모범 사례

해결법


  1. 1.가장 간단한 방법은이 데이터를 계산하고 많은 구성 요소 'mapStateToProps 기능을 사용할 수있는 별도의 모듈에 넣어하는 유틸리티 함수를 만드는 것입니다. 슈퍼 간단한 예 :

    가장 간단한 방법은이 데이터를 계산하고 많은 구성 요소 'mapStateToProps 기능을 사용할 수있는 별도의 모듈에 넣어하는 유틸리티 함수를 만드는 것입니다. 슈퍼 간단한 예 :

    import { displayName } from "./utils";
    
    function mapStateToProps(state) {
      return {
        displayName: displayName(state.user)
      };
    }
    
    function MyComponent(props) {
      return <div>Name: {props.displayName}</div>;
    }
    
    export default connect(mapStateToProps)(MyComponent);
    

  2. 2.돌아 오는 워드 프로세서에서 계산 파생 데이터 페이지 당, 제안 된 방법은 선택과 메모이 제이션 처리를 위해 다시 선택 라이브러리를 사용하고 있습니다.

    돌아 오는 워드 프로세서에서 계산 파생 데이터 페이지 당, 제안 된 방법은 선택과 메모이 제이션 처리를 위해 다시 선택 라이브러리를 사용하고 있습니다.

    당신이 용어는 "createSelector"를 포함 자바 스크립트 프로젝트를 위해 Github에서 검색하면 다양한 방법으로 다시 선택을 사용하는 실제 응용 프로그램의 수를 찾아야한다. jfurrow / 홍수, FH-포츠담은 /지도를 이동하고, madou / GW2 전투 정보실 : 여기이 켜져 있음을 세 가지입니다

  3. from https://stackoverflow.com/questions/34255100/best-practice-for-reusable-calculations-on-data-in-redux-store by cc-by-sa and MIT license