やりたいこと
CSS Modulesのcxなどと同じような処理をemotionのCSSPropsでやりたいと思っています。
以下のようなイメージで、子コンポーネント(Fuga)に対してcssをPropsとして渡したいです。
tsx
1const Hoge: React.VFC = () => { 2 return <Fuga css={hoge}></Fuga> 3} 4 5const Fuga: React.VFC<Props> = ({ css }) => { 6 return <div css={[fuga, css]}></div> //propsとして渡ってきたcssが後勝ちして背景色がredになる 7} 8 9const hoge = css` 10 background-color: red; 11` 12 13const fuga = css` 14 background-color: blue; 15`
公式ドキュメントを読んでもやり方がよくわからなかったので、ご教示いただければと思います。
よろしくお願い致します。
あなたの回答
tips
プレビュー