代码之家 › 专栏 › 技术社区 › Mindaugas NakroÅ¡is

CSS不适用于组件

mobx reactjs css html javascript

Mindaugas NakroÅ¡is · 技术社区 · 6 年前

我有一个react组件包在div中:

AccountLogin。jsx公司:

import './AccountLogin.css';
export default observer(() => (
  <div className="content">
    Something here
  </div>
));

AccountLogin。css:

.content {
  color: blue;
  background-color: blue;
  margin: 500px;
}

但是css不适用于我的呈现组件AccountLogin。

你知道为什么会这样吗?

1 回复 | 直到 6 年前

lorefnon 6 年前

正在查看 rfx-stack source ,我可以看到文件后缀为 .global.css 在全局范围内导入,其中其他导入为 css-modules .

因此,您可以将文件重命名为 AccountLogin.global.css 或使用导入的类名:

import styles from './AccountLogin.css';

Within component: 
<div className={styles.content}>...</div>

推荐文章

Jordan Hensley · 从React Apollo组件内部设置mobX状态

6 年前

Miha Å uÅ¡terÅ¡iÄ · Mobx4-声明存储中的可观察项引发sintax错误

6 年前

jayarjo · 如果说提供者已经将所有道具传递给了所有的孩子,那么注入装饰器有什么意义呢?

6 年前

AConsumer · 关于React Mobx中行动需求的问题

6 年前

Ryan King · MobX观察JavaScript对象/引用

6 年前

David Schumann Axnyff · 将MobXProvider(提供者)放在多个商店的React本机应用程序中的何处

6 年前

Dac0d3r · 由于竞争条件,未保留MobX操作计划/执行顺序

6 年前

Mindaugas NakroÅ¡is · CSS不适用于组件

6 年前

Adamski · 更新道具时反应本机组件不透明度不更新

7 年前

cham · 为什么在这个MobX示例中需要“get”

7 年前