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

Question

例如，这是我的BEM样式手写笔代码：

.example 
  background yellow
.block
  background black
  &--modify1
    background red
  &--modify2
    background blue

如果我想使用.example作为我的组件的类名，我知道这段代码：

<Component classname={style.example}>

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

Answer 1

你可以使用像https://www.npmjs.com/package/bem-cn这样的帮手 或者甚至尝试自动完成这项工作的bem-react-core库。