スタイル付きコンポーネントは antd のスタイルを使用および変更します

スタイル付きコンポーネントとは何ですか?

styled-component は、JSX で CSS コードを記述できる CSS-In-JS ライブラリです。さらに便利なのは、コンポーネントの props 値を受け取って CSS スタイルを動的に変更できることです。

まずはnpm経由でインストールします

npm install styled-components

私の習慣は、styled-component とそのコンポーネントのコードを逆アセンブルして、インポートして使用することですが、

基本的に使い方は非常に簡単で、styled.div を styled.img や styled.img などの HTML タグに置き換えることもできます。スタイル付き.h1。

<div style={
   
    
    {
   
    
    display:'flex'