嵌套React.js組件

我想在父級渲染內調用一個嵌套組件的渲染。這是我到目前爲止嘗試過的。有這樣的模式嗎？謝謝。嵌套React.js組件

var nest = React.createClass({ 
    render: function() { 
    return React.DOM.div({ 
     className: 'boop' 
    }, 'hello') 
    } 
}) 

var comp = React.createClass({ 
    render: function() { 
    return React.DOM.div({ 
     className: 'beep', 
     children: React.renderComponent(nest(this.props)) 
    }) 
    } 
}) 

React.renderComponent(comp(props), document.body)

預計：

<body> 
    <div class='beep'> 
     <div class='boop'> 
     hello 
     </div> 
    </div> 
    </body>

來源

2014-09-23 boom

你爲什麼想要這樣做？爲什麼不讓React處理渲染？ – 2014-09-23 13:47:30

你只是把它作爲一個孩子：

var comp = React.createClass({ 
    render: function() { 
    return React.DOM.div({ 
     className: 'beep' 
    }, nest(this.props)) 
    } 
});

React.renderComponent是宣告根組件及其掛載點（有時是多個）。它不在組件內使用。

來源

2014-09-23 14:09:57 FakeRainBrigand

啊，我明白了。這就說得通了。謝謝。 – boom 2014-09-23 14:47:48

嵌套React.js組件

回答

相關問題