如何阻止阵营从渲染意见

Question

当我检查服务器上的反应呈现的标记，我看到了很多这样的评论：

<!-- /react-text --><!-- react-text: 28 --><!-- /react-text --> 

怎样使反应停止渲染呢？

Answer 1

你不能。只要知道如何删除/替换DOM中的项目，React就需要这些工作。这比以前的方式改进了React做的事情，这是到处都是data-reactid的属性。

Answer 2

如果您在标签中包装每个“单词”和/或空格，评论将不会显示出来。对于大额回报并不理想，但如果由于某种原因，您绝对不能在那里收到那些评论，这是一个（不理想的）解决方案。

只需在Web检查器中查看代码，就会看到区别。

https://jsfiddle.net/69z2wepo/73674/

没有评论

return (<div><span>Hello</span><span> </span><span>{this.props.name}</span></div>) 

评论

return (<div>Hello {this.props.name}</div>) 

Answer 3

ReactDOMServer.renderToStaticMarkup正是这么做的。

在这个页面：

类似renderToString，除了这不会产生额外的DOM数据，reactid等属性，那阵营内部使用。如果您想将React用作简单的静态页面生成器，这非常有用，因为删除额外的属性可以节省大量的字节。