css - React でネストされたスタイルをコンポーネントに渡す方法

Question

私はこのカード コンポーネントを使用しており、その上に構築したいと考えています。より具体的には、タイトルの背景色をインラインで変更したいと思います。私が考えた方法では、次のようになります。

<Card title='Produção e reembolso' style={{
  ant-card-head: {
    backgroundColor: '#232323'
  }
}} >
  <div> R$ {productionAmount} </div>
</Card>

React は ant-card-head をプロパティ名と見なすため、これは機能しません。これを行う方法はありますか、または別のコンポーネントを使用/作成する必要がありますか?

編集

レンダリングされた HTML は次のようになります

<div class="ant-card ant-card-bordered">
  <div class="ant-card-head">
    <h3 class="ant-card-head-title">Produção e reembolso</h3>
  </div>
  <div class="ant-card-body">
    <div><!-- react-text: 150 --> R$ <!-- /react-text --></div>
  </div>
</div>