我对React还是个新手。我有React web应用程序，我需要添加几个脚本。尽管脚本必须位于index.html中的body标记内部。像这样：
<!DOCTYPE html>
<html lang="en">
<head>
<title>React example</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style media="only screen">
html,
body,
#root {
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<div id="root">Loading React example…</div>
<script
src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"
>
</script>
<script src="systemjs.config.js"></script>
<script>
System.import('./index.jsx').catch(function(err) {
console.error(err);
});
</script>
</body>
</html>
但问题是我的应用程序没有index.html，只有index.js。我试着用document.write添加这个脚本，但我认为这样做是错误的。除了我有语义和句法错误，我无法理解，它们也附在这里
您可以在react代码中附加以下脚本：
let script = document.createElement("script");
script.setAttribute("src", scriptUrl);
script.setAttribute("type", "text/javascript");
(这适用于链接的脚本，但嵌入式脚本可以用类似的方式完成(
嗨，我在react应用程序中使用了这个我插入了动态yandex metrica代码
В
export function addCustomScriptAndHtmlInHead(tagString: string ): void {
const range = document.createRange()
range.selectNode(document.getElementsByTagName('BODY')[0])
const documentFragment = range.createContextualFragment(tagString)
document.head.appendChild(documentFragment)
}