【发布时间】：2018-04-14 02:48:20
【问题描述】：
我正在构建一个应用程序。我已经在静态 html 中构建了后端和前端。这些都是从在线付费模板构建的，但都依赖于不同版本的 bootstrap 3 和 4。
我已经开始从 react-create-app 启动器构建一个 React 应用程序，但在让我的 html 正确设置样式方面遇到了死胡同。
有没有办法将 css 限定为组件，以便仅在渲染组件时将其添加到 dom 中？我创建了 FRONTEND 和 BACKEND 组件的概念，这些组件包装了页面。在这些组件中，我尝试修改 HEAD 标记以添加/删除样式表，该样式表确实有效，但在页面呈现时会留下损坏的 html。
有什么想法吗？我一天中的大部分时间都被困在这一点上。
【问题讨论】：
-
存在“范围”一段时间。 w3schools.com/tags/att_style_scoped.asp 但这正在慢慢消失 - 如果您面临这些问题，请考虑为什么要使用 2 个不同的前端库以及为什么需要将它们都包含在同一页面中。
-
将您的样式转换为 CSS 模块或样式组件。
-
@lumio 不确定 css 模块如何帮助 OP 使用两个不同版本的引导程序。
标签： css twitter-bootstrap reactjs create-react-app