Question

我想在父级的渲染中调用嵌套组件的渲染。这是我迄今为止所尝试过的。有这种模式吗？感谢。

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>

Answer 1

你只是在小时候传递它：

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

React.renderComponent用于声明根组件及其挂载点（有时是多个）。它不在组件中使用。

嵌套React.js组件

1 个答案: