如何阻止陣營從渲染意見

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用作簡單的靜態頁面生成器，這非常有用，因爲刪除額外的屬性可以節省大量的字節。