Invalid DOM property `class`. Did you mean `className`エラー解決

18 Jan 2023 on Javascript, 開発

「Invalid　DOM property class. Did you mean className」エラー解決方法

React v16バージョン以降からはclassを使用しても挙動は問題ありませんが、
コンソールはエラーを吐き出します。

エラーになるソースコード

.title {
  height: 40vmin;
  pointer-events: none;
}

  return <div class="title">水曜日夜は勉強する時間となります。</div>

「Invalid　DOM property class. Did you mean className」エラーを出さないように修正しました。

classをclassNameに変更すればConsoleで上記のエラー問題を解決するのができます。

.title {
  height: 40vmin;
  pointer-events: none;
}

  return <div className="title">水曜日夜は勉強する時間となります。</div>