2015-04-16 14 views
6

पर मालिक और मूल घटक के बीच क्या अंतर है 0.13 प्रतिक्रिया parent-based context instead of owner-based context लाता है।React.js

तो, मैं मालिक और अभिभावक घटकों के बीच अंतर को समझ नहीं सकता। उदाहरणों की सराहना की जाएगी।

उत्तर

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

उपरोक्त उदाहरण में, एक है क्योंकि एक घटकों के दोनों बनाता है, बी और सी के मालिक है। क्योंकि सी documentation में पाया जा सकता बी

अधिक जानकारी के लिए बच्चे के रूप में पारित हो जाता है

हालांकि, बी सी की माता पिता है।

मालिक-मालिक संबंध और अभिभावक-बाल संबंधों के बीच भेद करना महत्वपूर्ण है। मालिक-मालिक संबंध प्रतिक्रिया के लिए विशिष्ट है, जबकि अभिभावक-बाल संबंध केवल वह है जिसे आप जानते हैं और डोम से प्यार करते हैं।

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

एक उदाहरण है जहाँ एक बी के मालिक:

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

एक बी के मालिक क्योंकि बी ए के दशक में बनाया जाता है

1
आधिकारिक दस्तावेज से

render फ़ंक्शन।

यह एक उदाहरण है जहां एक बी की मूल है: क्योंकि एक के props.children बी में शामिल है लेकिन एक है कि अपनी मूल का कोई प्रत्यक्ष ज्ञान है

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

इस उदाहरण में, एक बी की मूल है बी के, इसके बच्चे कोई घटक हो सकता है।