Make react-bootstrap Alert invisible initially

Question

I am using versions:

[email protected]
[email protected]

I am trying to create an alert that is initially invisible. According to the documentation, the show attribute is the right one to use, but it doesn't seem to be working.

These are the things I have tried, but none have work:

<Alert variant="danger" show="false">Passwords must match</Alert>
<Alert variant="danger" defaultShow="false">Passwords must match</Alert>
<Alert variant="danger" show=false>Passwords must match</Alert>
<Alert variant="danger" defaultShow=false>Passwords must match</Alert>

Any ideas would be much appreciated. Thanks a lot.

Answer 1

You're using a string for false. Use a javascript false with braces instead:

<Alert variant="danger" show={false}>Passwords must match</Alert>

Answer 2

Try to modify the show from a string to a boolean just like this

<Alert variant="danger" show={false}>Passwords must match</Alert>