React js导入HTML不会运行脚本答案

【问题标题】：React js importing HTML won't run scriptReact js导入HTML不会运行脚本
【发布时间】：2023-03-20 21:15:01
【问题描述】：

在我的 App.js 中，我正在导入一个 HTML 文件：

import __html from './pages/animation/index.html';
var template = { __html: __html };

然后我在视图中返回它

<div dangerouslySetInnerHTML={template} />

index.html:

<body>

    <h1>TEXT</h1>

    <script>

        console.log("Hello");

    </script>
    
</body>

文件的渲染工作正常，因为我可以看到 h1，但脚本不会运行。

【问题讨论】：

【解决方案1】：

dangerouslySetInnerHTML

在__html: 中，出于安全原因，脚本标签未执行，因为通过innerHTML 注入

【讨论】：