Javascript 在react组件的html中呈现注释_Javascript_Html_Reactjs

Javascript 在react组件的html中呈现注释

javascript html reactjs

Javascript 在react组件的html中呈现注释,javascript,html,reactjs,Javascript,Html,Reactjs,我试图呈现一个带有注释的html组件，以便注释作为注释显示在DOM中我现在有 <head> <title>{props.pageTitle}</title> </head> 一旦安装了组件，您就可以检索当前的DOM元素，然后应用一些DOM操作将HTML注释放在任何需要的地方。您可以在下面找到一个由HTML注释包装的组件示例 componentDidMount() { // Get current node

我试图呈现一个带有注释的html组件，以便注释作为注释显示在DOM中

我现在有

<head>
    <title>{props.pageTitle}</title>
</head>

一旦安装了组件，您就可以检索当前的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);
}

一旦安装了组件，您就可以检索当前的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);
}

可能重复的也可以看到所有这些解决方案都使用内部、外部或危险。没有其他方法。可能重复的也可以看到所有这些解决方案都使用内部，外部或危险没有其他方法。注意：这不适用于

ReactDOMServer.renderToStaticMarkup

注意：这不适用于

ReactDOMServer.renderToStaticMarkup

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);
}