react中引入css 样式为何无效

Question

import './index.less';

//这是样式

.myInput {
  width: 200px;
  margin: 0 8px 8px 0;
}

为何样式不变呢？

Answer 1

猜测有其他的全局样式覆盖，.myInput权重比较低，样式被覆盖。

Answer 2

换种引入方式试试
比如
import { Input } from 'antd';
或者

import Input from 'antd/lib/input';
import 'antd/lib/input/style';

---

好吧，上面的是我没看清
试着网页部署到本地服务器上，再打开页面
这个还不行就试着把less编译一下

Answer 3

你看控制台的Styles面板中有对应样式吗？
还是你没有添加相应的loader？

Answer 4

开启了css modules

Answer 5

react默认只支持css，你要把后缀改成css，才可以使用；

Answer 6

我也是这个问题import styles from"./input.css"
<div className={styles.enter}>
编译不报错,审查元素里面也没有显示调用，