Javascript React.js中的所有者和父组件之间有什么区别

反应0.13秒

所以，我不能完全理解所有者组件和父组件之间的区别。请举例说明

var A=React.createClass({
var A = React.createClass({
    render() {
        return (
            <B>
                <C />
            </B>
        );
    }
});

render（）{
返回(
);
}
});

在上面的示例中，A是B和C的所有者，因为A创建了这两个组件

但是，B是C的父级，因为C作为子级传递给B

有关更多信息，请参阅

区分所有者和所有者是很重要的 关系和父子关系。所有权人 关系是特定于反应的，而父子关系 就是你从DOM中认识并爱上的那个人

---

从官方文件：

所有者是设置其他组件道具的组件

这里有一个例子，其中A是B的所有者：

var A = React.createClass({
  render: function() {
    return <B />;
  }
});

在本例中，A是B的父级，因为A的

props.children

包含B。但A并不直接知道它是B的父级，它的子级可以是任何组件

var A = React.createClass({
  render: function() {
    return <div>{this.props.children}</div>;
  }
});

var B = React.createClass({
  render: function() {
    return <span>B</span>;
  }
});

React.render(
  <A><B /></A>,
  document.getElementById('example')
);