reactjsの親コンポーネントの子コンポーネントへのアクセス

Question

子コンポーネントと親コンポーネントは別々のファイルで作成されます。親コンポーネントから子コンポーネントにアクセスしようとしています。しかし、定義されていないエラーが来ています。一方、子コンポーネントと親コンポーネントが1つのファイルで作成されている場合は、 です。その後、正しく動作しています。あなたはPagePicコンポーネントをインポートおよびエクスポートする必要が

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

     </div> 
    ); 
    } 
}); 

CODE

Answer 1

Tutorial1.js

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

     </div> 
    ); 
    } 
}); 


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

Tutorial2.js

var PagePic = React.createClass({ 
    render: function() { 
    return (
     <h2> Inside Page Epic</h2> 
    ); 
    } 
}); 

module.exports = PagePic; 

PLUNKER