Làm thế nào để ngăn chặn Phản ứng từ render comments

Question

Khi tôi kiểm tra việc đánh dấu được đưa ra bởi phản ứng trên máy chủ, tôi thấy rất nhiều ý kiến ​​như:

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

Làm thế nào để làm cho phản ứng dừng lại khiến chúng?

Answer 1

Bạn không thể. Đó là những điều cần thiết để React thực hiện công việc của mình khi biết cách loại bỏ/thay thế các mục trong DOM. Đây là một cải tiến so với cách trước đó React đã làm mọi thứ, đó là các thuộc tính ở mọi nơi.

Answer 2

Nếu bạn quấn từng từ "và" hoặc không gian trong thẻ, các nhận xét sẽ không hiển thị. Không lý tưởng cho lợi nhuận lớn, nhưng nếu vì lý do nào đó, bạn hoàn toàn không thể có những nhận xét đó, đó là một giải pháp (không lý tưởng).

Chỉ cần xem mã trong trình kiểm tra web, bạn sẽ thấy sự khác biệt.

https://jsfiddle.net/69z2wepo/73674/

Chưa có cảm nhận

return (<div><span>Hello</span><span> </span><span>{this.props.name}</span></div>) 

comments

return (<div>Hello {this.props.name}</div>) 

Answer 3

ReactDOMServer.renderToStaticMarkup làm chính xác điều đó.

Từ trang đó:

Tương tự như renderToString, ngoại trừ điều này không tạo thêm DOM thuộc tính như dữ liệu reactid, mà Phản ứng sử dụng trong nội bộ. Điều này rất hữu ích nếu bạn muốn sử dụng React như một trình tạo trang tĩnh đơn giản, như việc loại bỏ các thuộc tính phụ có thể tiết kiệm được nhiều byte.