コメントがDOM内にコメントとして表示されるようにコメントを持つHTMLコンポーネントをレンダリングしようとしています。反応コンポーネントのhtmlでコメントをレンダリングする
私は現在
<head>
<title>{props.pageTitle}</title>
</head>
を持っている。しかし、私は
<head>
<title>{props.pageTitle}</title>
<!-- Some information here -->
</head>
がしたいと、私は次の使用を避けたいと思います：
dangerouslySetHtml
element.innerHTML = "...";
element.outerHTML = "...";
部品が実装たら、現在のDOM要素を取得し、DOM操作を適用してHTMLコメントを配置することができます必要です。以下に、HTMLコメントで囲まれたコンポーネントの例を示します。
componentDidMount() {
// Get current node
let currentNode = ReactDOM.findDOMNode(this);
// Get parent node
let parentNode = currentNode.parentNode;
// Create the comment to insert before
let commentBefore = document.createComment("Begin Tag");
parentNode.insertBefore(commentBefore, currentNode);
// Create the comment to insert after
let commentAfter = document.createComment("End Tag");
parentNode.insertBefore(commentAfter, currentNode.nextSibling);
}
の可能性のある重複[リアクトでHTMLのコメントをレンダリングする方法？]（https://stackoverflow.com/questions/40015336/how-to-render-a-html-comment-in-react） – Li357
https://stackoverflow.com/q/40381851/5647260 – Li357
を参照してください。これらのソリューションはすべて、内側、外側または危険に使用します – es3735746