栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

React JS如何危险地执行SetInnerHTML中的脚本

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

React JS如何危险地执行SetInnerHTML中的脚本

您不能这样做,因为为了安全起见,脚本标签会自动删除。

使用javascript的最佳方法是单独获取字符串,然后从 componentWillMountcomponentDidMount
执行(或评估)它 __

class Page extends Component {  componentDidMount() {    const jsCode = `      console.log('hello world');      window.dataLayer = window.dataLayer || [];      window.dataLayer.push({        event: 'viewCart'      })    `;    new Function(jsCode)();  }  // you can do something else here  render() {    return (      <noscript />    );  }}

您显然可以使用任何字符串。我想您可能正在从服务器加载它。

在上面的示例中,我使用了与之

new Function()()
非常相似
eval()
但运行更快的示例。

我用过,

componentDidMount
所以我确定脚本在显示视图后执行。Will和Did挂载之间的另一个区别是,Will挂载在通用(同构)应用程序的服务器和客户端上执行,而Did挂载将仅在通用应用程序的客户端上执行。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/608843.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号