如何阻止React渲染注释

时间:2016-06-16 00:23:11

标签: reactjs isomorphic-javascript

当我检查服务器上的反应所呈现的标记时,我看到很多评论,如:

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

如何让反应停止渲染?

3 个答案:

答案 0 :(得分:4)

你做不到。只要知道如何删除/替换DOM中的项目,React就需要这些工作。这是对React之前做过的事情的一种改进,它在任何地方都是data-reactid属性。

答案 1 :(得分:2)

ReactDOMServer.renderToStaticMarkup正是如此。

从该页面开始:

  

renderToString类似,但这并没有创建额外的DOM属性,例如数据重新连接,React在内部使用。如果你想将React用作一个简单的静态页面生成器,这很有用,因为剥离额外的属性可以节省大量的字节。

答案 2 :(得分:0)

如果你包装每个&#34;字&#34;和/或标签中的空格,评论不会显示。不适合大回报,但如果出于某种原因,你绝对不能在那里发表这些评论,这是一个(不理想的)解决方案。

只需在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>)