React의 여러 구성 요소에서 alt 저장소를 사용할 수 있습니까?

bsdo64

예를 들어 한 페이지에서 많은 구성 요소에서 UserStore를 사용하고 싶습니다. 그런 식으로 사용해도 되나요?

  1. 구성 요소가 UserComponent의 자식 인 경우 모든 자식에서 {... props}를 선언해야합니까 ?? 또는 많은 하위 구성 요소에 중복 오버레이 주입을 사용해도 괜찮습니까?

  2. 구성 요소가 UserComponent 밖에있는 경우 많은 구성 요소에서 UserStore를 중복으로 선언해도됩니까?

모범 사례는 무엇입니까?

<Component1>
  <UserComponent>    < --- UserStore : get states to props
    <Component1 />

    <Component2>
      <Component3>
        <Component4>
          <Component5 /> < --- UserStore : get states to props
        </Component4>
      </Component3>
  </UserComponent>
</Component1>

<Component6>
  <Component7></Component7> < --- UserStore : get states to props
</Component6>
제이크 할러-로비

여기에는 많은 생각이 있습니다. 내가 alt.js를 사용하지 않았 음을 인정할 것이므로 내가 다루지 않는 의견이있는 측면이있을 수 있습니다.

그것은 말했다;

FB의 Flux 문서 는 이에 대한 모범 사례를 제안합니다. 그들의 아키텍처 제안은 두 가지 범주의 구성 요소를 사용하는 것입니다. 컨테이너 및보기.

컨테이너는 상점과 상호 작용하여 데이터를 수집하고 소품을받지 않습니다. 뷰 로직이 없으며 스토어 데이터를 하위 뷰에 소품으로 전달합니다.

뷰는 모든 정보를 소품으로 전달합니다 (스토어 통신 없음).

예,이 값을 자식에서 자식으로 소품으로 전달합니다. 그러나 상점에서 동일한 정보를 가져 오는 여러 컨테이너를 가질 있습니다. 중요한 점은 컨테이너가 자신의 위치와 위치에 대해 불가지론 적이어야하며 자신의 부모가 누구인지 완전히 알지 못합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Android의 intentservice에 여러 구성 요소를 바인딩 할 수 있습니까?

분류에서Dev

어쨌든 React 구성 요소에서 Jquery를 사용할 수 있습니까?

분류에서Dev

여러 저장소에서 git 구성을 설정할 수 있습니까?

분류에서Dev

여러 구성 요소에서 상태를 어떻게 사용할 수 있습니까?

분류에서Dev

PortalVue를 여러 Vue.js 단일 파일 구성 요소에서 사용할 수 있습니까?

분류에서Dev

후크를 사용하지 않고 상태 비 저장 React 구성 요소에서 lodash debounce를 사용할 수 있습니까?

분류에서Dev

여러 다른 구성 요소에서 단일 React 구성 요소를 어떻게 업데이트 할 수 있습니까?

분류에서Dev

React Native의 여러 구성 요소에서 액세스 할 수있는 단일 모달 구성 요소를 설계하는 방법은 무엇입니까?

분류에서Dev

스타일 구성 요소를 사용하여 React Native의 사용자 정의 구성 요소에 스타일을 적용 할 수 없습니까?

분류에서Dev

Angular 8에서 다른 구성 요소로 이동 한 후 구성 요소의 상태를 어떻게 저장할 수 있습니까?

분류에서Dev

Rust에서 포인터를 사용하여 구조체의 요소에 접근 할 수 있습니까?

분류에서Dev

여러 구성 요소에서 React.useCallback () 함수 재사용

분류에서Dev

Internet Explorer 11에서 JavaScript를 사용하여 select 요소의 크기 속성을 설정할 수 있습니까?

분류에서Dev

두 개의 React 구별되고 마운트 된 구성 요소가 소품을 사용하여 서로 통신 할 수 있습니까?

분류에서Dev

react.js 구성 요소에서 Bootstrap 5 Popover를 어떻게 사용할 수 있습니까?

분류에서Dev

ngFor를 사용하여 여러 구성 요소 선택기 태그를 표시 할 수 있습니까?

분류에서Dev

Svelte를 사용하여 여러 구성 요소에서 동일한 변수를 바인딩 할 수 있습니까?

분류에서Dev

Carousel 구성 요소 (BootstrapVue)의 각 b-carousel-slide 내부에서 b-card를 사용할 수 있습니까?

분류에서Dev

Vue 앱의 모든 구성 요소에서 Buefy 토스트를 어떻게 사용할 수 있습니까?

분류에서Dev

Angular 2에서 동일한 파일의 구성 요소를 어떻게 사용할 수 있습니까?

분류에서Dev

JavaFX의 다른 컨트롤러에서 (panel, anchorpane)과 같은 구성 요소를 어떻게 사용할 수 있습니까?

분류에서Dev

CssLayout을 사용하여 구성 요소의 절대 위치를 지정할 수 있습니까?

분류에서Dev

이제 함수 구성 요소에서 useState를 사용할 수 있으므로 react에서 클래스 구성 요소를 언제 사용합니까?

분류에서Dev

useSelector를 사용하여 기능 구성 요소에서 redux의 저장 상태 변수에 액세스하는 방법은 무엇입니까?

분류에서Dev

정의 할 수있는 웹 구성 요소 / 사용자 지정 요소의 수에 제한이 있습니까?

분류에서Dev

Akka Streams Flow에서 여러 요소를 생성 할 수 있습니까?

분류에서Dev

자체 구성 요소에서 ListContext를 사용할 수 있습니까?

분류에서Dev

서명 및 반환 유형이 다른 여러 JPA 저장소 메서드에 대해 하나의 @Query를 사용할 수 있습니까?

분류에서Dev

dnf를 사용하여 yum 저장소를 활성화 / 비활성화 할 수 있습니까?

Related 관련 기사

  1. 1

    Android의 intentservice에 여러 구성 요소를 바인딩 할 수 있습니까?

  2. 2

    어쨌든 React 구성 요소에서 Jquery를 사용할 수 있습니까?

  3. 3

    여러 저장소에서 git 구성을 설정할 수 있습니까?

  4. 4

    여러 구성 요소에서 상태를 어떻게 사용할 수 있습니까?

  5. 5

    PortalVue를 여러 Vue.js 단일 파일 구성 요소에서 사용할 수 있습니까?

  6. 6

    후크를 사용하지 않고 상태 비 저장 React 구성 요소에서 lodash debounce를 사용할 수 있습니까?

  7. 7

    여러 다른 구성 요소에서 단일 React 구성 요소를 어떻게 업데이트 할 수 있습니까?

  8. 8

    React Native의 여러 구성 요소에서 액세스 할 수있는 단일 모달 구성 요소를 설계하는 방법은 무엇입니까?

  9. 9

    스타일 구성 요소를 사용하여 React Native의 사용자 정의 구성 요소에 스타일을 적용 할 수 없습니까?

  10. 10

    Angular 8에서 다른 구성 요소로 이동 한 후 구성 요소의 상태를 어떻게 저장할 수 있습니까?

  11. 11

    Rust에서 포인터를 사용하여 구조체의 요소에 접근 할 수 있습니까?

  12. 12

    여러 구성 요소에서 React.useCallback () 함수 재사용

  13. 13

    Internet Explorer 11에서 JavaScript를 사용하여 select 요소의 크기 속성을 설정할 수 있습니까?

  14. 14

    두 개의 React 구별되고 마운트 된 구성 요소가 소품을 사용하여 서로 통신 할 수 있습니까?

  15. 15

    react.js 구성 요소에서 Bootstrap 5 Popover를 어떻게 사용할 수 있습니까?

  16. 16

    ngFor를 사용하여 여러 구성 요소 선택기 태그를 표시 할 수 있습니까?

  17. 17

    Svelte를 사용하여 여러 구성 요소에서 동일한 변수를 바인딩 할 수 있습니까?

  18. 18

    Carousel 구성 요소 (BootstrapVue)의 각 b-carousel-slide 내부에서 b-card를 사용할 수 있습니까?

  19. 19

    Vue 앱의 모든 구성 요소에서 Buefy 토스트를 어떻게 사용할 수 있습니까?

  20. 20

    Angular 2에서 동일한 파일의 구성 요소를 어떻게 사용할 수 있습니까?

  21. 21

    JavaFX의 다른 컨트롤러에서 (panel, anchorpane)과 같은 구성 요소를 어떻게 사용할 수 있습니까?

  22. 22

    CssLayout을 사용하여 구성 요소의 절대 위치를 지정할 수 있습니까?

  23. 23

    이제 함수 구성 요소에서 useState를 사용할 수 있으므로 react에서 클래스 구성 요소를 언제 사용합니까?

  24. 24

    useSelector를 사용하여 기능 구성 요소에서 redux의 저장 상태 변수에 액세스하는 방법은 무엇입니까?

  25. 25

    정의 할 수있는 웹 구성 요소 / 사용자 지정 요소의 수에 제한이 있습니까?

  26. 26

    Akka Streams Flow에서 여러 요소를 생성 할 수 있습니까?

  27. 27

    자체 구성 요소에서 ListContext를 사용할 수 있습니까?

  28. 28

    서명 및 반환 유형이 다른 여러 JPA 저장소 메서드에 대해 하나의 @Query를 사용할 수 있습니까?

  29. 29

    dnf를 사용하여 yum 저장소를 활성화 / 비활성화 할 수 있습니까?

뜨겁다태그

보관