我发现自己经常在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风格的类名也是一个不错的补充