React编写组件的局部样式
Posted flamestudio
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React编写组件的局部样式相关的知识，希望对你有一定的参考价值。
我们都知道，在Vue的单文件组件中，style标签中编写的样式默认为全局样式，如果我们想编写局部样式，
使用一个scoped关键字就可以。
那么在React中怎么实现呢? (注: 这种方法必须使用类选择器)
首先，将css文件命名为xxx.module.css。
然后，我们之前导入css都是用import ‘./xxx.css‘，现在需要改成import styles(命名随意) from ‘./xxx.css‘
最后，假设我们的类选择器是.header, 那么之前我们只需要写className="header"，但是要使用我们的组件局部样式，我们需要在 要指定样式的元素上写
className={styles.header}。
以上是关于React编写组件的局部样式的主要内容，如果未能解决你的问题，请参考以下文章