JSX スタイル属性は、HTML スタイル属性に似ています。 style 属性と属性はどちらも CSS プロパティのみを受け入れます。したがって、セレクター、疑似要素、または疑似クラスの使用は許可されません。

スタイル属性の使用

以下を置き換えます:

リーリー ＃＃＃そして：＃＃＃ リーリー

以上:

リーリー

ただし、h2 要素のスタイルのみを定義したいため、さらに多くのオプションがあります:

CSS/SCSS

別のファイルで CSS を使用する:

リーリー

そのうち、

.your-css.css

ファイルにはが含まれています リーリーネストされた場合でも (.scss などのプリプロセッサを使用する場合)

リーリー

JS 内の CSS

より「React」なソリューションを検討すると、

styled-components

のような CSS-in-JS を使用できます。詳細はこちらリーリー