如何在 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 库，它会自动完成这项工作。