本篇內(nèi)容主要講解“CSS中Modules的說明和實(shí)例用法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“CSS中Modules的說明和實(shí)例用法”吧!

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、孝義網(wǎng)絡(luò)推廣、小程序定制開發(fā)、孝義網(wǎng)絡(luò)營銷、孝義企業(yè)策劃、孝義品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供孝義建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

說明

1、CSS Modules指的是像import js一樣去引入css代碼。

代碼中的每一個(gè)類名都是引入對象的一個(gè)屬性，通過這種方式，即可在使用時(shí)明確指定所引用的css樣式。

2、Modules在打包的時(shí)候會(huì)自動(dòng)將類名轉(zhuǎn)換成hash值，完全杜絕css類名沖突的問題。

實(shí)例

在項(xiàng)目當(dāng)中使用

Test.jsx

import React, { Component } from 'react';
// 將樣式文件當(dāng)成模塊引入
import styles from "./test.css";
 
 
export default class Test extends Component {
    render() {
        return (
            

                測試