从外部样式中屏蔽React组件

Question

不是特定于React的问题，但是如何确保反应组件的样式不受其嵌入的任何页面的影响。

目前，我正在将一个反应组件嵌入到页面中（不是单页反应应用程序），并且有一些全局样式正在弄乱库的ui。希望修复实际的React库而不是改变我的代码来缓解这个问题。

Answer 1

看看这个react-iframe。

<强>用法

var Iframe = require("react-iframe");
<Iframe url="http://www.example.com" [string width, [string height]] />

主要思想是将您的组件包装在iframe中，这将缓解父页面的所有冲突问题。作者写了blog post这个方法的好处以及他如何实现它。