1.react樣式模塊化

? ? ? ? 避免各個組件類名相同 相關樣式沖突所以需要樣式模塊化。比如在組件Hello中的樣式引入，將樣式文件名更改為index.module.css如下圖。

2. 文件中引入模塊以及使用

文件中import引入模塊樣式

import welcome from "./index.module.css";

?DOM節點中進行添加樣式

 <div className={welcome.title}>Welcome</div>

整體代碼

import React, { Component } from "react";
import welcome from "./index.module.css";class Welcome extends Component {render() {return (<div className={welcome.title}>Welcome</div>);}
}export default Welcome;