使react-bootstrap警报最初不可见

Question

我正在使用版本：

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

我正在尝试创建最初不可见的警报。 According to the documentation, the show attribute is the right one to use, but it doesn't seem to be working.

这些是我尝试过的，但是没有用：

<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

您使用false作为字符串，但是show属性接受布尔值。使用

show={false}

代替

show="false"

Answer 4

您可以在状态下使用属性，因此，如果更改状态，则将强制您的应用重新呈现，并显示警报

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