Posted at

react-helmetでheadにインラインJavascriptを記述したい時のメモ

ほぼ、以下のコピペ。

React Helmet - Reference Guide

Javascriptの埋め込みは以下の通り。

<Helmet>

<script type="application/javascript">{`
{
console.log("success!!");
}
`
}</script>
</Helmet>

noscriptとかcss、構造化データも同様に埋め込み可。

<Helmet>

<noscript>{`
<link rel="stylesheet" type="text/css" href="foo.css" />
`
}</noscript>
</Helmet>

<Helmet>

<style type="text/css">{`
body {
background-color: blue;
}

p {
font-size: 12px;
}
`}</style>
</Helmet>

<Helmet>

<script type="application/ld+json">{`
{
"@context": "http://schema.org"
}
`
}</script>
</Helmet>