Как остановить React от рендеринга комментариев

когда я проверяю разметку, отображаемую react на сервере, я вижу много комментариев, таких как:

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

Как заставить react прекратить их рендеринг?

7
isomorphic-javascript reactjs

3 ответов

вы не можете. Они необходимы для React, чтобы выполнить свою работу, зная, как удалить/заменить элементы в DOM. Это улучшение по сравнению с предыдущим способом React сделал вещи, которые были data-reactid атрибуты везде.

4

ReactDOMServer.renderToStaticMarkup делает именно это.

страницы:

аналогично renderToString, за исключением того, что это не создает дополнительные атрибуты DOM, такие как data-reactid, которые React использует внутренне. Это полезно, если вы хотите использовать React как простой статический генератор страниц, так как удаление дополнительных атрибутов может сэкономить много байтов.

1

Если обернуть каждое "слово" и/или пробел в теге, комментарии не появляются. Не идеально подходит для больших возвратов, но если по какой-то причине вы абсолютно не можете иметь эти комментарии там, это (не идеальное) решение.

просто просмотрите код в веб-инспекторе, вы увидите разницу.

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>)
0