2017-10-24 1 views
2

Ich benutze ReactJS und ich habe eine Anforderung, sichtbaren HTML-Kommentar (in HTML-Quelle) in JSX hinzuzufügen, aber ich bin mir nicht sicher, wie das geht.Wie fügt man sichtbaren HTML-Kommentar in JSX hinzu?

Dieser Kommentar wird von einem Drittanbieter benötigt, um einige HTML-Verarbeitung zwischen den Kommentaren zu tun.

<!-- trans_disable_start --> 
<div> testing </div> 
<!-- trans_disable_end--> 

Ich habe versucht, die folgenden Optionen, aber der Kommentar ist nicht in HTML-Quelle sichtbar.

{/* <!-- trans_disable_start -->*/} 

mit dieser Bibliothek Versuchte - react-render-html

{renderHTML('<!-- trans_disable_start -->')} 

Irgendwelche Ideen/Gedanken geschätzt wird.

Update 1:

Ich hat versucht, die folgende JS-Bibliothek zu verwenden, aber das funktioniert nicht, da ich die Server-Seite Rendering verwenden und ich sehe den unter Wert in Seitenquelle auf Anfangslast (Statt Kommentar)

https://github.com/optimalisatie/react-jsx-html-comments

<react-comment data-reactid="18">trans_disable_start</react-comment> 
+0

versuchen, ohne die geschweiften Klammern. Z.B. zum Beispiel '/ * test * /' – fungusanthrax

+0

Versucht ohne geschweifte Klammern aber bekam den Parse-Fehler. Errr: Unerwarteter Token – Learner

+0

Mögliches Duplikat von [Wie Rendern eines HTML-Kommentars in Reagieren?] (Https://stackoverflow.com/questions/40015336/how-to-render-a-html-comment-in-react) – bennygenel

Antwort

1

ich denke, dangerouslySetInnerHTML kann für Sie arbeiten.

Beispiel

<div dangerouslySetInnerHTML={{__html: "<!-- some comment -->"}} /> 
Verwandte Themen