렌더링 전에 파생 데이터를 계산해야하는 응용 프로그램과 함께 작업하고 있습니다.React-redux 응용 프로그램에서 파생 데이터를 계산하는 위치
배경 : 일반적으로 내 구성 요소에서 mapStateTOProps를 사용하여 API를 통해 데이터를 가져 와서 구성 요소 내에서 모든 조작을 수행합니다.
API에서 데이터를 받으면 매핑해야합니다. API 호출이 없을 때까지 계속해서 매핑해야합니다.
그래서 다음 API 호출 때까지 데이터가 필요하지 않으면 데이터를 조작 할 장소는 무엇입니까? 돌아 오는 사전
에서
덕분에 컴퓨팅 파생 된 데이터에 책임이 기능은 "선택기"라고합니다. Redux documentation에서 말했듯이 :
일반적으로 선택기는 모든 코드를 배치하여 제공하는 (비동기 액션 제작자, 또는 무용담에, 같은 mapStateToProps 기능에서와 같이) 감속기 함께 정의 내 보낸 후 다른 곳을 다시 사용하는 것을 제안 있어요 이는 감속기 파일에서 상태 트리의 실제 모양을 알고 있습니다. 어떤 상태 변경이 때문에 마지막으로 계산 된 값을 memoize과 상태가 변경되지 않은 경우 반환 할 수 reselect라는 라이브러리가 현명한 성능을 할 수있는 좋은 일이되지 않을 때마다이 함수를 호출
.
다시 선택을위한 사례와 예제를 참조하십시오. 앱에서 성능 문제가 발생할 때까지 reselect를 사용하지 않는 것이 좋습니다. here