React with Node.js export two functions

Question

I have a JSX file like this:

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

module.exports = Home;

But I cant manage that both functions load, I guess I have to add Test to module.exports, but I couldn't find a method that worked.

The Reason · Accepted Answer · 2016-03-30 11:15:28Z

2

If you require("home.jsx") it will automaticaly load and render your Test component inside Home.

It would be better to separate those components in defferent files, that will help you to manage components when your app will be too large.

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>
   }
})

Of course you are also able to do something like @Mukesh Sharma answer.

Thanks

answered Mar 30, 2016 at 11:15

The Reason

8,0135 gold badges27 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mukesh Sharma · Accepted Answer · 2016-03-30 11:00:25Z

0

Hope it helps you.

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

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

answered Mar 30, 2016 at 11:00

Mukesh Sharma

9,0428 gold badges40 silver badges56 bronze badges

Collectives™ on Stack Overflow

React with Node.js export two functions

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related