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