ReactJS print HTML comment

爲了驗證我的網站（通用reactjs應用程序），我需要添加一個帶有驗證碼的HTML註釋到我的文檔頭上。我嘗試在meta標籤和react-jsx-html-comments庫上使用dangerouslySetInnerHTML，但兩者似乎都失敗了。ReactJS print HTML comment

<meta name="verification" dangerouslySetInnerHTML={{__html: '<!-- 3215465 -->'}} />

我包括我的server.js

res.send(`<!doctype html>${ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} store={store} />)}`);

和HTML組件以下是這樣的：

export default class Html extends Component { 
    static propTypes = { 
    assets: PropTypes.object, 
    component: PropTypes.node, 
    store: PropTypes.object 
    }; 

    render() { 
    const { assets, component, store } = this.props; 
    const content = component ? renderToString(component) : ''; 

    return (
     <html lang="en"> 
     <head> 
     <!-- CODE HERE --> 
     </head> 
     <body> 
     <div id="root" dangerouslySetInnerHTML={{ __html: content }}/> 
     </body> 
    ); 
}

編輯：所需的輸出：

<html> 
    <head> 
     <!-- 64654654 --> 
    </head> 
    <body>...</body> 
</html>

是否有另一種添加html commen的方法TS？在此先感謝！

來源

2016-09-27 Cornel Janssen

'meta'是無效的元素，不能有子元素，你可以展示你想達到什麼樣的？你可以發佈HTML版本嗎？ –

我更新了問題。感謝您的快速回復！ –

它看起來像你想要做<head dangerouslySetInnerHTML={{__html:""}} />

來源

2016-09-27 19:22:34 John

頭部有多個meta/link/...語句，所以這將是一團糟。如果僅用於評論，這將工作。 –

ReactJS print HTML comment

回答

相關問題