How to change React Bootstrap Modal.Header closeButton icon
P粉563446579
2023-08-25 18:59:18
<p>I'm using React Bootstrap Modal. I'm trying to change the <code>closeButton</code> icon. But it didn't work. </p>
<pre class="brush:php;toolbar:false;"><Modal.Header className='modal-head' closeButton>
<Modal.Title>Shopping Cart</Modal.Title>
</Modal.Header></pre>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I don't think the react-bootstrap library itself provides similar functionality. However, you can add an icon to the right alignment of the modal box head and add an onClick action, which can change the open state of the modal box and close it.