Reactjs는 다른 구성 요소보다 먼저 구성 요소를 렌더링합니다.

구성 요소를 다른 구성 요소보다 먼저 렌더링하도록 지정하려면 어떻게합니까?Reactjs는 다른 구성 요소보다 먼저 구성 요소를 렌더링합니다.

<Footer /> 및 다른 모든 구성 요소보다 먼저 바닥 글의 모든 하위 구성 요소를 렌더링하도록 지정하려고합니다. <Footer /> 첫 번째 렌더링하지 않는 경우에 대한 참조가 다른 구성 요소에서 undefined이라는 것을 의미하는 HTML이 바닥 글에 따라 달라 지므로이 코드를 사용해야합니다.

다음은 예입니다 :

는

export default class Layout extends React.Component { 
    ... 
    render(){ 
     return (
      <Body /> 
      <Footer /> //Render first 
     ); 
    } 
}

출처

2016-08-15 Martin Dawson

당신은 좀 더 세부 사항을 제공 할 수있다 (어떤 사람들은 문서가이 similar example 노출 반응 저것을 제외하고, 합법적 인 사용 사례처럼 보인다는 componentDidMount에 있지만 귀하의 경우 setState에 나쁜 주장)? 당신이 말하는 어떤 종류의 참조를 볼 수있는 최소 코드 샘플과 같습니다. –

나는 그것을하는 가장 좋은 방법은 다른 RenderDOM을 사용하고 바닥 글을 별도로 먼저 렌더링하는 것이라고 생각했습니다. –

당신이해야합니까 내가 볼 수있는 유일한 방법은 다음과 같습니다

이 상태의 바닥 글에 대한 렌더링 상태에 대한 정보를 준비해주십시오. (귀하의 이름은 isFooterRendered이고 부울이라고 가정하십시오.)

초기 상태에서 isFooterRendered을 false으로 설정합니다.

만 isFooterRendered 당신이 바닥 글에 대한 참조를해야합니다 true
componentDidMount에있을 때, 아이 컴퍼넌트를 렌더링 사실로 isFooterRendered을 설정합니다.

출처

2016-08-15 11:41:49

Reactjs는 다른 구성 요소보다 먼저 구성 요소를 렌더링합니다.

답변

관련 문제