Fatal编程技术网

Javascript 嵌套React.js组件

javascript reactjs

Javascript 嵌套React.js组件,javascript,reactjs,Javascript,Reactjs,我想调用父级渲染中嵌套组件的渲染。这就是我到目前为止所尝试的。有这样的模式吗？谢谢 var nest = React.createClass({ render: function() { return React.DOM.div({ className: 'boop' }, 'hello') } }) var comp = React.createClass({ render: function() { return React.DOM.div

我想调用父级渲染中嵌套组件的渲染。这就是我到目前为止所尝试的。有这样的模式吗？谢谢

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>


你好
您只需将其作为子对象传递：

var comp = React.createClass({
  render: function() {
    return React.DOM.div({
      className: 'beep'
    }, nest(this.props))
  }
});
renderComponent用于声明根组件及其装入点（有时是多个）。它不在组件中使用。

您只需将其作为子级传递：

var comp = React.createClass({
  render: function() {
    return React.DOM.div({
      className: 'beep'
    }, nest(this.props))
  }
});
renderComponent用于声明根组件及其装入点（有时是多个）。它不在组件中使用。

为什么要这样做？为什么不让React处理渲染？为什么要这样做？为什么不让React处理渲染？啊，我明白了。这是有道理的。谢谢。啊，我明白了。这是有道理的。非常感谢。