嵌套React.js组件

Question

嵌套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)

Run Code Online (Sandbox Code Playgroud)

预期:

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Bri*_*and 6

你只是在小时候传递它:

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

Run Code Online (Sandbox Code Playgroud)

React.renderComponent用于声明根组件及其挂载点(有时是多个).它不在组件内使用.

归档时间：	11 年，8 月前
查看次数：	2714 次
最近记录：	11 年，8 月前