嵌套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组件

回答

相关问题