当我检查服务器上的反应所呈现的标记时,我看到很多评论,如:
<!-- /react-text --><!-- react-text: 28 --><!-- /react-text -->
如何让反应停止渲染?
答案 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>)