ATOMでコーディングしている時、div.content>p.ttlなんて形で展開すると思うんだけれど、ある日、これで展開するとこんな感じでclassNameとして展開されてしまうようになった。

<div className="content">
<p className="ttl"></p>
</div>

本来ならばclassとして展開されるべきなのだが、なぜか急にこんな感じに。ググるったらATOMのconfigから直せるようだったのでメモ。
引用元
how can I change emmet expand “className” back to “class” when using typescript for angular 2?

1.ATOM Preferenceを開く
2.左ペインから”Open Config Folder”をクリック
3.”/packages/emmet/node_modules/emmet/lib/filter/jsx.js”を開く
4.14行目の'class': 'className',をコメントアウト
5.ATOMを再起動

Reactを入れた時にこの記述が足されたのか？とりあえず一旦コメントアウトしてclassで展開されるようになりました。

2022年5月4日更新
htmlで使う分には特に設定を変えなくてもclassで表示されました。Reactでのコーディング時（JSX/JS）はemmet展開でclassName, htmlForで展開されるから、この機能は必須ですね。