Quando ho ispezionare il markup reso dal reagire sul server, vedo un sacco di commenti del tipo:Come fermare React dal rendering commenti
<!-- /react-text --><!-- react-text: 28 --><!-- /react-text -->
Come faccio a fare reagire fermo rendendoli?
Non è possibile. Quelli sono necessari per React per fare il suo lavoro fino a sapere come rimuovere/sostituire gli elementi nel DOM. Questo è un miglioramento rispetto al modo in cui React faceva le cose, ovvero gli attributi data-reactid ovunque.
Se si avvolge ogni "parola" e/o spazio in un tag, i commenti non verranno visualizzati. Non è l'ideale per grandi rendimenti, ma se per qualche ragione non puoi assolutamente avere quei commenti lì dentro è una soluzione (non ideale).
Basta visualizzare il codice in Web Inspector, vedrai la differenza.
https://jsfiddle.net/69z2wepo/73674/
commenti
return (<div><span>Hello</span><span> </span><span>{this.props.name}</span></div>)
commenti
return (<div>Hello {this.props.name}</div>)
ReactDOMServer.renderToStaticMarkup fa esattamente questo.
Da quella pagina:
Simile a
renderToString, ma questa non crea più DOM attributi come data-reactid, che reagiscono utilizza internamente. Ciò è utile se si desidera utilizzare React come un semplice generatore di pagine statiche, in quanto la rimozione degli attributi aggiuntivi può far risparmiare molti byte.
Anche se è vero che reagiscono ha bisogno per il contenuto dinamico, contenuti statici è un'altra storia: https://facebook.github.io/react/docs/react-dom-server.html#rendertostaticmarkup –