首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在React组件中使用BEM手写笔?

如何在React组件中使用BEM手写笔?
EN

Stack Overflow用户
提问于 2017-08-07 20:28:18
回答 1查看 195关注 0票数 0

例如,这是我的BEM风格的手写笔代码:

代码语言:javascript
运行
复制
.example 
  background yellow
.block
  background black
  &--modify1
    background red
  &--modify2
    background blue

如果我想使用.example作为我的组件的类名,我知道下面的代码:

代码语言:javascript
运行
复制
<Component classname={style.example}>

但是,如果我想使用.block--modify1类名怎么办?我该怎么做?

EN

回答 1

Stack Overflow用户

发布于 2017-08-07 21:10:37

你可以使用一些辅助工具,比如https://www.npmjs.com/package/bem-cn,或者甚至可以试试bem-react-core库,它会自动完成这项工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45546915

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档