2014-01-13 2 views
6

반응 구성 요소가 반응의 전체 앱을 관리합니다. 그것은 다음과 같습니다reactjs의 전체 본문 관리

var Page = React.createClass({ 
    displayName: 'Page', 

    render: function() { 
     return (
      React.DOM.div(null 
       /*, stuff here ..*/ 
      ) 
     ); 
    } 
}); 

및 HTML은

<body id="content"></body> 

처럼 보인다 그리고 나는 그것을 좋아 렌더링 : 전체 body 태그를 관리하는 반응 때문에,

React.renderComponent(Page(null), document.getElementById('content')); 

하지만 그 대신, 내가 좋아하는 것을 여분의 중첩 된 div이 없습니다. 어떻게 그런 것을 렌더링 할 수 있습니까?

답변

17

나는 이것이 당신이 요구하는지 경우 완전히 확실하지 않다,하지만 당신은

React.renderComponent(Page(null), document.body); 

몸에 직접 부품을 장착 할 실행할 수 있습니다.

+1

본체를 장착하지 않고 본체를 장착하려고합니다. – Heptic

+5

아, 알았습니다. 현재 전체 페이지 렌더링 (React의 'body' 태그 관리 포함)은 전체 페이지 마크 업이 서버 컨텍스트의 React (예 : 반응 페이지 사용)에 의해 생성 된 경우에만 지원됩니다 (https://groups.google). com/d/msg/reactjs/4jI5xe7TXzQ/3sjSBbpDpEwJ. –

관련 문제