【发布时间】：2016-05-06 15:55:29
【问题描述】：
我有一个托管在另一个应用程序中的 React js 应用程序。 React 应用程序在打开 jquery 对话框时启动。 React 应用程序按预期工作，但它的一些 CSS 不合适，因此只能怀疑托管应用程序的 CSS 覆盖了它，或者 jquery 正在做一些影响它的事情。
我会问是否有办法防止这种情况发生。我已经尝试对 Reactjs css 使用 !important 语法（我们在 React 中使用 scss），但这没有效果。
谁能帮忙？
【问题讨论】：
-
目前正在开发微应用，将包含在现有网页中。为了防止这些错误，我使用生成唯一类名的 CSS 模块。更多关于 CSS 模块概念的信息在这里github.com/css-modules/css-modules。解决您的问题：假设您无法更改托管应用程序/网站，请在您的（托管）反应应用程序中调整类名。
-
我建议考虑为您的 reactjs 应用程序使用内联样式。有一些模块化方法可以让你使用内联样式来设置你的 react 应用程序的样式。
-
解决了 Facebook 内联样式的问题
标签： javascript jquery css reactjs