Was ist der Unterschied zwischen Eigentümer und Elternkomponente in React.js

Question

React 0.13 bringt parent-based context instead of owner-based context.

So kann ich den Unterschied zwischen Eigentümer und Elternkomponenten nicht ganz verstehen. Beispiele werden geschätzt.

Answer 1

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

In dem obigen Beispiel ist eine der Besitzer von B und C, weil A beide der Komponenten schafft.

jedoch B ist die Mutter von C, da C als Kind nach B geleitet wird

Weitere Informationen finden Sie im documentation finden.

Es ist wichtig, eine Unterscheidung zwischen der inhaber ownee Beziehung und den Eltern-Kind-Beziehung zu zeichnen. Die Beziehung owner-ownee ist spezifisch für React, während die Eltern-Kind-Beziehung einfach diejenige ist, die Sie aus dem DOM kennen und lieben.

Answer 2

Von der offiziellen Dokumentation:

An owner is the component that sets the props of other components

Hier ein Beispiel, wo A der Eigentümer von B ist:

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

A ist der Eigentümer von B, weil B in A ist geschaffen render Funktion.

Dies ist ein Beispiel, wobei A die Eltern von B ist:

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') 
); 

In diesem Beispiel ist A die Eltern von B, weil A der props.children enthält B. Aber A hat keine direkte Kenntnis der, dass ihr die Mutter von B könnten seine Kinder irgendeine Komponente sein.