我们都知道,在Vue的单文件组件中,style标签中编写的样式默认为全局样式,如果我们想编写局部样式,

使用一个scoped关键字就可以。

  那么在React中怎么实现呢? (注: 这种方法必须使用类选择器)

   首先,将css文件命名为xxx.module.css。

   然后,我们之前导入css都是用import './xxx.css',现在需要改成import styles(命名随意) from './xxx.css'

   最后,假设我们的类选择器是.header, 那么之前我们只需要写className="header",但是要使用我们的组件局部样式,我们需要在 要指定样式的元素上写

className={styles.header}。

相关文章:

  • 2021-07-07
  • 2019-09-10
  • 2022-12-23
  • 2021-10-16
  • 2021-11-06
  • 2021-10-05
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-17
  • 2022-12-23
  • 2021-09-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案