Ad
Make React-bootstrap Alert Invisible Initially
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.
Ad
Answer
You're using a string for false. Use a javascript false with braces instead:
<Alert variant="danger" show={false}>Passwords must match</Alert>
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad