（四）css样式模块化

参考视频

🎄一、样式的模块化

在开发的过程中会有很多的组件，这些组件难免的会有相同的类名，就会造成样式冲突，为了解决这个问题，就需要使用到样式的模块化了

1. 模块化样式的命名

xxx.module.css

2. 引入模块化的样式文件

import xxx from './xxx.module.css'

3. 使用模块化样式

class xxx extends React.COmponent {
  render() {
    return(
      <div className={xxx.titile}></div>
    )
  }
}

二、vscode中的React插件