Zugriff auf untergeordnete Komponente von übergeordneter Komponente in reactjs

Question

Untergeordnete und übergeordnete Komponente werden in separaten Dateien erstellt. Ich versuche, von der übergeordneten Komponente auf die untergeordnete Komponente zuzugreifen. Aber nicht definierter Fehler kommt. Auf der anderen Seite, wenn Kind und Elternteil in einer einzigen Datei erstellt. Dann funktioniert es richtig.

var Avatar = React.createClass({ 
    render: function() { 
    return (
     <div> 
     <PagePic /> 

     </div> 
    ); 
    } 
}); 

CODE

Answer 1

Sie müssen importieren und exportieren PagePic Komponente

Tutorial1.js

var PagePic = require('./tutorial2'); 
var Avatar = React.createClass({ 
    render: function() { 
    return (
     <div> 
     <PagePic /> 

     </div> 
    ); 
    } 
}); 


ReactDOM.render(
    <Avatar />, 
    document.getElementById('content') 
); 

Tutorial2.js

PLUNKER