【第十四部分】Fragment和CSSModule

Tree_wws

于 2022-08-26 11:38:05 发布

阅读量179

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端框架React 文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/Trees__/article/details/126540382

15 篇文章

订阅专栏

本文介绍了React中的Fragment组件，它可以避免不必要的DOM元素包裹，并讲解了CSS Modules的使用方法，通过模块化样式解决样式命名冲突的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

系列文章目录

作用：最外层可以不需要包裹一个必要的根标签

<Fragment><Fragment>

<></>

作用：解决css命名冲突问题

使用方法：

在创建css文件的时候，命名xxx.module.css

在jsx文件使用中，style是一个对象，可以拿到所对应的类名

在这里插入图片描述

import style from "xxx.module.css"
function Test() {
  return (
    <div className={style.active}>
    </div>
  )
}

以上就是今天要讲的内容，希望对大家有所帮助！！！