인프런 커뮤니티 질문&답변

goodluck님의 프로필 이미지
goodluck

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

Page Component들의 render() 에 대하여

작성

·

88

0

안녕하세요! 먼저 좋은 강좌 너무나도 감사드립니다.

급하게 리엑트를 공부하느라 러닝커브에 정신못차리고 있었는데 

그나마 이렇게 좋은 강의 남겨주셔서 실낱같은 희망을 안게되었습니다.

강의 듣던중 2강좌를 남겨둔 이 시점에 문득 생각난 질문이 있어 이렇게 질문올립니다.

리엑트는 기본적으로 Component에서 render() {}를통해 화면을 그리는 처리를 넣어서 가상DOM에 state가 변할때 마다 

다시 그리는 처리를 한다고 이해하고 넘어왓었는데, 지금보니 오직 index.js에만 render가 있더라구요.

그렇다면, 각 콤포넌트에 render를 다는 것이 필수가 아니라 index.js에만 render를 처리하고

나머지 콤포넌트들은 Switch를 통해 SPA 를 실현하고 라우팅 될때마다 return을 통해 DOM 오브젝트들을 

리턴한다고 이해해도 괜찮을까요?

아니면 REDUX를 함께 쓰는 특수한 상황에 의한 것으로 state는 오직 중앙에 있는 Redux를 통해서만 관리하기 때문에 Redux를 연동하는 처리를 넣어준 index.js에서만 render를 해서(해줘야) state의 변화를 감지하고 render에서 state가 바뀔때마다 다시 그리는 처리가 실행된다고 이해하는 것이 옳을까요? 

<강의중 index.js의 코드>

 ReactDOM.render(

  <React.StrictMode>
    <Provider
      store={createStoreWithMiddleware(Reducer,
            window.__REDUX_DEVTOOLS_EXTENSION__&&
            window.__REDUX_DEVTOOLS_EXTENSION__()
        )}
    >
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
goodluck님의 프로필 이미지
goodluck

작성한 질문수

질문하기