Bir JSX böyle dosyası var iki işlevi

Question

ihracat node.js ile tepki:

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

module.exports = Home; 

Ama her iki işlevi yük, ben module.exports için Test eklemek zorunda sanırım yönetmek olamaz, ama ben edemedim çalışan bir yöntem bulamadı.

Answer 1

bunu otomatik olarak yük ve Home içerdeki Test bileşeni verecek require("home.jsx") olursa .

Bu bileşenleri, uygulamanız çok büyük olduğunda bileşenleri yönetmenize yardımcı olacak defferent dosyalarda ayırmak daha iyi olacaktır. home.jsx

Tabii

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

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

test.jsx

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

da @Mukesh Sharma cevap gibi bir şey yapmak mümkün.

Teşekkürler

Answer 2

Size yardımcı olur umarım.

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

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