(自称) 日本一わかりやすいemotionのドキュメント - Qiita

※ あくまで自称です。笑 ※ 今後もどんどん拡張していく予定です。 ※ emotion/styled に関しては割愛する予定です。 Emotionとは？ フレームワークにとらわれず使うことができるCSS in JSのフレームワーク。 (styled-componentsと比較されがちだが、emotionの方が後発であるためstyled-componentsができることは基本できます。) 初期設定 利用したいEmotionのパッケージをインストールする Emotion関連のパッケージ @emotion/css フレームワークにとらわれず、Emotionを使用するためのパッケージ。 @emotion/react React用のEmotionパッケージ。 @emotion/styled styled-component っぽい記法で書くことができるEmotionパッケージ。(筆者はstyled-

[Cherenkov]

>css propに記載されたスタイルが評価され、計算されたクラス名がclassNameに渡されます。そのため、cssを親から受け取りたいComponentはpropsにcss(SerializedStyles型)ではなくclassName(string型)を受け取れるようにすればよいです