난 여전히 소품을 사용해야합니까, 소품

Question

대 상태 관리 솔루션 반응?

부모가 소품으로 아이 상태를 전송하는 경우 예를 들어, 부모와 자식 모두는 단순히 돌아 오는/MobX 저장소를 가져올 수 없습니다 가져온 스토어를 통해 상태에 대한 작업을 호출? 당신이 당신의 응용 프로그램 상태를 저장하기 위해 돌아 오는 또는 MobX를 사용하는 경우

Answer 1

, 당신은 구성 요소 (스마트) 연결됩니다있는 및 (벙어리) 분리 될 결정을 내릴 필요가있다.

협약은, 가게에 연결하는 저장소에 상태를 업데이트하고 상태 변화에 가입 할 책임이 있습니다 스마트 컨테이너를 만드는 것입니다. 이 구성 요소는 Redux/MobX 저장소를 인식하는 유일한 구성 요소입니다.

용기는 일반적으로 비 저장 및 응용 프로그램의 표현 적 측면을 주로 담당하는 바보 같은 아이들의 숫자가 있습니다. 그들은 Redux/Mobx 스토어의 존재를 알지 못하며 부모로부터 소품으로 상태 변경이나 행동을받습니다.

컨테이너와 프리젠 테이션 구성 요소의 차이점은 this article에서 Redux를 만든 @DanAbramov가 더 잘 이해할 수 있습니다.

Answer 2

당신은 항상 부모 - 자식 소품이 전달보다는 때문에 여러 가지 이유 돌아 오는 저장소에 모든 구성 요소를 매핑 반응 선호한다 :

1. 반응

   이 통과 부모 - 자식 소품에 대한 최적화를 렌더링 제공하며, 돌아 오는하지 않습니다 . 즉, Redux 저장소의 모든 변경 사항을 의미합니다. 매핑 구성 요소는 성능 문제를 야기하여 다시 렌더링해야합니다. React에서는 세부 사항이 변경된 구성 요소 만 렌더링해야합니다.

2. 당신은 그들이 밀접하게 서로 결합하고 있기 때문에 돌아 오는 저장소와 매핑 구성 요소를 다시 사용할 수 없습니다. 그러므로, 당신은 React에서 구성 가능한 패턴을 완전히 달성 할 수 없습니다. 따라서 React 방식으로 구성 요소에 소품을 전달하고 Redux 매핑을 몇 가지 핵심 구성 요소에서만 사용하십시오.