Сделайте Alert-bootstrap Alert изначально невидимым

Question

Я использую версии:

react@16.8.6
react-bootstrap@1.0.0-beta.8

Я пытаюсь создать оповещение, которое изначально невидимо. Согласно документации, атрибут show является правильным для использования, но, похоже, он не работает.

Это то, что я пробовал, но ни у кого нет работы:

<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>

Любые идеи будут высоко оценены.Большое спасибо.

Answer 1

Вы используете строку для false.Вместо этого используйте ложный JavaScript с фигурными скобками:

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

Answer 2

Попробуйте изменить шоу из строки в логическое значение, как показано ниже

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

Answer 3

Вы можете использовать атрибут в состоянии, поэтому, если вы измените состояние, вы заставите свое приложение выполнить рендеринг, и будет отображаться предупреждение

<Alert variant="danger" show={this.state.show}>Passwords must match</Alert>

Answer 4

Вы используете false в качестве строки, но атрибут show принимает логическое значение.используйте

show={false}

вместо

show="false"