如何阻止 React 渲染评论
How to stop React from rendering comments
当我在服务器上检查由 React 呈现的标记时，我看到很多评论，例如：
<!-- /react-text --><!-- react-text: 28 --><!-- /react-text -->
如何让 React 停止渲染它们？
你不能。就知道如何 remove/replace DOM 中的项目而言，React 需要这些才能完成其工作。这是对以前 React 做事方式的改进，后者到处都是 data-reactid 属性。
如果将每个 "word" and/or space 包裹在标签中，评论将不会显示。对于大型 returns 来说并不理想，但是如果出于某种原因您绝对不能在其中添加这些评论，那么这是一个（不理想的）解决方案。
只需在网络检查器中查看代码，您就会发现不同之处。
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>)
ReactDOMServer.renderToStaticMarkup 正是这样做的。
来自该页面：
Similar to renderToString, except this doesn't create extra DOM attributes such as data-reactid, that React uses internally. This is useful if you want to use React as a simple static page generator, as stripping away the extra attributes can save lots of bytes.
当我在服务器上检查由 React 呈现的标记时，我看到很多评论，例如：
<!-- /react-text --><!-- react-text: 28 --><!-- /react-text -->
如何让 React 停止渲染它们？
你不能。就知道如何 remove/replace DOM 中的项目而言，React 需要这些才能完成其工作。这是对以前 React 做事方式的改进，后者到处都是 data-reactid 属性。
如果将每个 "word" and/or space 包裹在标签中，评论将不会显示。对于大型 returns 来说并不理想，但是如果出于某种原因您绝对不能在其中添加这些评论，那么这是一个（不理想的）解决方案。
只需在网络检查器中查看代码，您就会发现不同之处。
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>)
ReactDOMServer.renderToStaticMarkup 正是这样做的。
来自该页面：
Similar to
renderToString, except this doesn't create extra DOM attributes such as data-reactid, that React uses internally. This is useful if you want to use React as a simple static page generator, as stripping away the extra attributes can save lots of bytes.