防止危险地SetInnerHTML在React中继承CSS

Question

我不想将我的应用程序与我收到的html元素中包含的css混合使用。

是否可以防止SetInnerHTML从当前页面继承样式？

return (<div dangerouslySetInnerHTML={{ __html: template }}></div>)

Answer 1

您可以在具有自己的CSS的iframe中显示内容。

不是您要的解决方案，但是您可以将一个类添加到div中，并覆盖您不想影响HTML内容的样式。如果您没有太多要覆盖的样式，这可能是合理的。