如何在JSX中添加可见的HTML注释？

Question

我正在使用ReactJS，我需要在JSX中添加可见的HTML注释（在html源代码中），但我不知道该怎么做。

第三方供应商需要此评论才能对评论之间的html进行一些处理。

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

我尝试了以下选项，但注释在html源代码中不可见。

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

尝试使用此库 - react-render-html

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

感谢任何想法/想法。

更新1：

我尝试使用下面的JS库但是因为我使用服务器端渲染而无法工作，我在初始加载时看到页面源中的以下值（而不是注释）

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

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

Answer 1

我认为dangerouslySetInnerHTML可以为您效劳。

示例

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