如何在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庫自動完成這項工作的庫。