React Bootstrap Modal.Header closeButton アイコンを変更する方法

Question

React Bootstrap Modal を使用しています。 closeButton アイコンを変更しようとしています。しかし、うまくいきませんでした。

<Modal.Header className='modal-head' closeButton>
   <Modal.Title>ショッピング カート</Modal.Title>
</Modal.Header>

Answer 1

react-bootstrap ライブラリ自体が同様の機能を提供するとは思えません。ただし、モーダル ボックスの見出しの右揃えにアイコンを追加し、onClick アクションを追加すると、モーダル ボックスの開いた状態を変更して閉じることができます。