IntelliJ 的 emmet + react-css-modules答案

【问题标题】：IntelliJ's emmet + react-css-modulesIntelliJ 的 emmet + react-css-modules
【发布时间】：2018-05-17 05:44:33
【问题描述】：

我正在转向 react-css-modules，它需要类布局：

<div styleName="local-class-here">

而不是传统的：

<div className="global-class-here">

如何在 IntelliJ 中自定义 emmet 以便我在展开时

.my-class

它会返回这个吗？：

<div styleName="my-class">

【问题讨论】：

【解决方案1】：

没有办法做到这一点；如果您错过此功能，请关注WEB-28691 获取更新

【讨论】：

【解决方案2】：

尝试使用patch-styles。在这种情况下，您仍将使用传统的 className 并在那里得到相同的东西。您的代码将如下所示：

<PatchStyles classNames={styles}>
  ...
  <div styleName="my-class">
    ...
  <div>
</PatchStyles>

它会自动更新你的classNames 而不是你。

【讨论】：