2017-09-28 8 views
0

하나의 커다란 표준화 된 객체를 사용하여 표시 할 큰 구성 요소가 있습니다. 나는 주요 분산 구성 요소 내에서 여러 하위 구성 요소가되고 나는 모든 방법 체인 아래로 소품에 입력하여 추악하게하고 싶지 않아 ...redux를 사용하는 반응 구성 요소를 배포 할 수 있습니까?

const User = ({ user }) => { 
    return (
    <BasicInfo 
     name={user.basic.name} 
     tagline={user.basic.tagline} 
     email={user.basic.email} 
     ...more props 
    > 
    <OtherInfo 
     infoprops={info} 
     ...long list of props 
    > 
) 
} 

그것은 매우를 끝나게 것 3 또는 4 레벨로 갈 수있는 소품 목록이 길어서 수동으로 무엇을 전달 하는지를 계속 추적하고 싶지는 않습니다 ...

나는 redux를 사용하는 데 익숙해 져서 뭔가 할 수있었습니다. connect()을 좋아하지만 여기에서 분산 구성 요소와 함께 redux를 사용할 수 있습니까? 내 한 구성 요소의 상태가 최종 사용자 redux (개별 사용자가 redux를 사용하는 경우)와 분리되어 유지됩니까?

이 정보가 현명한가요? 아마 redux를 사용하는 것보다 나은 방법이 있을까요? 고마워요

+0

다음은 컨테이너 구성 요소 패턴을 따르고 있습니까? – EnriqueDev

+0

내가 항상 가지고있는 다른 반응 애플 리케이션에서 예 – deltaskelta

+0

질문에 구성 요소 계층 구조를 추가 할 수 있습니까? – EnriqueDev

답변

1

redux 귀하의 구성 요소를 만들기 위해 redux 사용하는 것이 좋습니다 생각하지 않는다 redux 전체 응용 프로그램에 대한 단일 저장소를 기반으로하므로 저장소를 만들면 응용 프로그램을 만들 수 없습니다. 그 자체.

필자는 가능한 한 사용자가 구성 요소를 사용하기 위해 프로젝트에 redux를 추가하지 않고도 (일반적으로 안드로이드와 같이) 싱글 톤 패턴을 사용하여 사용자 지정 저장소를 만들 수 있다고 생각합니다.

구성 요소 계층 구조 또는 동작을 알지 못해 더 이상 나를 안내 할 수 없습니다.

관련 문제