How to render a ReactJS component to HTML string with Node?

Question

When running this code with node server.js:

var React = require('react');

var HelloMessage = React.createClass({displayName: "HelloMessage",
    render: function() {
        return React.createElement("div", null, "Hello ", this.props.name);
    }
});

var markup = React.renderComponentToString(HelloMessage({name: "John"}));

console.log(markup);

I get the following error:

/Users/john/Sites/test/server.js:9
        return React.createElement("div", null, "Hello ", this.props.name);
                     ^
TypeError: Object #<Object> has no method 'createElement'

I think it's not working because the DOM is not available on the server, which makes sense.

How can I render/compile a ReactJS component to an HTML string in Node?

Thanks

What version of react do you have installed? That exact code prints <div data-reactid=".9zpzkvv9c0" data-react-checksum="-1155126098"><span data-reactid=".9zpzkvv9c0.0">Hello </span><span data-reactid=".9zpzkvv9c0.1">John</span></div> for me. — loganfsmyth
– loganfsmyth, Commented Feb 24, 2015 at 22:24
What a school boy error, that was exactly it. I was running 0.10.0 but after upgrading to 0.12.2 it works. Thanks! — Isaac Rankin
– Isaac Rankin, Commented Feb 24, 2015 at 23:09

Isaac Rankin · Accepted Answer · 2015-02-24 23:10:09Z

1

Just needed to upgrade ReactJS to 0.12.2

answered Feb 24, 2015 at 23:10

Isaac Rankin

1215 bronze badges

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

Collectives™ on Stack Overflow

How to render a ReactJS component to HTML string with Node?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related