Reactで親タグに基づいて子タグのCSSを追加するにはどうすればよいですか?

Question

rree

注: は動的にすることができます。 H2 は親タグであり、同じタグにスタイルを適用しており、それを子タグにも適用したいと考えています ()。

Answer 1

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

スタイル属性の使用

以下を置き換えます:

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

以上:

リーリー

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

CSS/SCSS

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

リーリー

そのうち、

.your-css.css

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

リーリー

JS 内の CSS

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

styled-components

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