使用react.js中的javascript / jquery字符串渲染html

Question

我们可以在react render中使用dangerouslySetInnerHTML来在dom中正确加载html字符串。但是，如果我们可以在html字符串中使用一些javascript或jquery代码，我们该怎么办？例如下面。使用javascript / jquery的html作为api响应。

var htmlString = "<div>Hello</div><script>alert('hello')</script>"

Answer 1

您可以在以下位置找到脚本部分和其他部分：

  var div = document.createElement('div');
  div.innerHTML = htmlString;
  var scripts = div.getElementsByTagName('script');
  var i = scripts.length;
  while (i--) {
    scripts[i].parentNode.removeChild(scripts[i]);
  }

然后，您可以使用scripts和div.innerHTML

有很多方法可以添加脚本标记，其中一些可以在这里看到：

Adding script tag to React/JSX