我发现自己经常在JSX中键入类名,然后在CSS/SCSS中键入与选择器相同的类名。
有没有什么简单的方法可以不做这两次,因为它似乎是几乎每个react开发人员都必须做的事情,但我无法通过搜索找到任何有关这方面的工具。
为了澄清是否有任何工具可以生成此sass * 模板 * 或普通CSS模板:
.chatContainer {
.chat {
.chatHeader {
}
.chatBody {
}
.chatFooter {
.messageInput {
}
}
}
}
从这里:
<div className="chatContainer">
<div className="chat">
<div className="chatHeader"></div>
<div className="chatBody"></div>
<div className="chatFooter">
<div className="messageInput">
</div>
</div>
</div>
</div>
支持BEM风格的类名也是一个不错的补充
1条答案
按热度按时间hs1rzwqc1#
我使用Hygen来搭建代码,尤其是在使用react来创建组件、模块、服务等时,我希望这对您有所帮助。