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

Question

例如，这是我的 BEM 风格的手写笔代码：

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

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

<Component classname={style.example}>

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

Answer 1

您可以使用一些帮助程序，例如 https://www.npmjs.com/package/bem-cn 甚至尝试自动完成这项工作的bem-react-core 库。