2017-10-24 21 views
2

私はReactJSを使用していますが、私はJSXで目に見えるHTMLコメント(HTMLソースで)を追加する必要がありますが、その方法はわかりません。JSXで目に見えるHTMLコメントを追加するには?

このコメントは、サードパーティベンダーがコメント間のHTMLを処理するために必要です。

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

私は以下のオプションを試しましたが、コメントはHTMLソースには表示されません。

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

は、このライブラリを使用してみました - react-render-html

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

任意のアイデア/考えが理解されよう。

アップデート1:

は、私は、サーバー側のレンダリングを使用していますので、JSライブラリが、そのdoesntの仕事の下に使用しようと、私は、最初のロード時にページのソースの下の値を参照してください(むしろコメントより)

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

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

は、中括弧なしで試してみてください。例えば。例えば ​​'/ * test * /'のようにします。 – fungusanthrax

+0

中括弧を使わずに試しましたが、解析エラーが出ました。 Errr:予期しないトークン – Learner

+0

[ReactでHTMLコメントを表示するにはどうすればいいですか?](https://stackoverflow.com/questions/40015336/how-to-render-a-html-comment-in-react) – bennygenel

答えて

1

私はdangerouslySetInnerHTMLはあなたのために働くことができると思います。

<div dangerouslySetInnerHTML={{__html: "<!-- some comment -->"}} /> 
関連する問題