反应范围的样式表

Question

我正在构建一个应用程序。我在静态html中构建了一个后端和前端。这些都是在线付费模板构建的，但都依赖于不同版本的bootstrap 3＆amp; 4.

我已经开始在react-create-app启动器上构建一个React应用程序，但是在使我的html正确设置样式方面已经走到了尽头。

有没有办法将css作用于组件，以便在呈现组件时将其添加到dom中？我创建了FRONTEND和BACKEND组件的概念，这些组件包装页面。在这些组件中，我尝试修改HEAD标签以添加/删除样式表，这样可以正常工作，但在页面呈现时会留下损坏的html。

有什么想法吗？我大部分时间都被困在这个。

Answer 1

我强烈建议不要做你正在做的事情。但是，如果你真的必须，你可以将每个组件放在一个单独的iframe中以分隔css并使用一个redux存储将数据提供给两个iframe并保持同步。