は、私はJSXは、このようなファイル持っている二つの機能

Question

をエクスポートNode.jsのと反応します働いている方法を見つけることはできません。

Answer 1

あなたはそれがautomaticaly Homeの内側にあなたのTestコンポーネントをロードしてレンダリングしますrequire("home.jsx")場合。

これらのコンポーネントを別々のファイルに分けておくと、アプリが大きすぎる場合にコンポーネントを管理するのに役立ちます。もちろん

test.jsx

module.exports = React.createClass({ 
    render: function() { 
    return <div>Test</div> 
    } 
}) 

home.jsx

var Test = require('./test.jsx'); 

module.exports = React.createClass({ 
    render: function() { 
     return <div> 
     <Test> 
     </div> 
    } 
}) 

あなたも@Mukeshシャルマの答えのような何かを行うことができます。

ありがとうございました

Answer 2

あなたのお役に立てば幸いです。

var Home = React.createClass({ 
    render: function() { 
     return (
<Test> 
... 
var Test = React.createClass({ 
    render: function() { 
... 

module.exports = { 
    "Home": Home, 
    "Test": Test 
}