I'm creating a ponent with ReactJS.

I would see the html react renders with my console, so for example:

 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';

 class CustomComponent extends React.Component {


   render() { return (<div>Custom</div>); }
 }

And instead of:

ReactDOM.render(<CustomComponent />, document.getElementById('app'));

I would do something like:

console.log(<CustomComponent />); 

but when in my console I call:

babel-node myfile.js

I get:

How can I print/log the effective html tags that react renders?

thanks. bye.

I'm creating a ponent with ReactJS.

I would see the html react renders with my console, so for example:

 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';

 class CustomComponent extends React.Component {


   render() { return (<div>Custom</div>); }
 }

And instead of:

ReactDOM.render(<CustomComponent />, document.getElementById('app'));

I would do something like:

console.log(<CustomComponent />); 

but when in my console I call:

babel-node myfile.js

I get:

How can I print/log the effective html tags that react renders?

thanks. bye.

• javascript
• reactjs

Share Improve this question Follow asked Dec 15, 2015 at 11:46 baudo2048baudo2048 1,15233 gold badges1414 silver badges2727 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Use https://facebook.github.io/react/docs/top-level-api.html#reactdomserver.rendertostring

Now you're just printing the virtual dom representation which need to be transformed to string.

you need to use string renderToStaticMarkup(ReactElement element)

it will return you the StaticMarkup