如何打印/记录reactjs渲染dom？

Question

我正在用ReactJS创建一个组件。

我会看到html对我的控制台进行反应渲染，例如：

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

 class CustomComponent extends React.Component {


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

而不是：

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

我会做类似的事情：

console.log(<CustomComponent />); 

但是在我的控制台中我打电话：

babel-node myfile.js

我明白了：

如何打印/记录对渲染做出反应的有效html标签？

感谢。 再见。

Answer 1

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

现在你只是打印需要转换为字符串的虚拟dom表示。

Answer 2

你需要使用 string renderToStaticMarkup(ReactElement element)

它将返回StaticMarkup