Javascript React引导工具提示警告:收到非布尔属性'show'的'true'`

Javascript React引导工具提示警告:收到非布尔属性'show'的'true'`,javascript,reactjs,tooltip,warnings,Javascript,Reactjs,Tooltip,Warnings,我都快气疯了。我想消除这个警告: js:1446警告:收到非布尔属性的true 显示 如果要将其写入DOM,请传递一个字符串:show=“true” 或show={value.toString()}。 在div中(由工具提示创建) 我正在为注册用户制作一份确认表。当密码验证失败时(当两个输入中的密码不同时),我将显示工具提示 我在构造函数中添加了以下内容: this.attachRefPass=targetPass=>this.setState({targetPass}) 接下来,在构造函数中的

我都快气疯了。我想消除这个警告:

js:1446警告:收到非布尔属性的
true
显示

如果要将其写入DOM,请传递一个字符串:show=“true” 或show={value.toString()}。 在div中(由工具提示创建)

我正在为注册用户制作一份确认表。当密码验证失败时(当两个输入中的密码不同时),我将显示工具提示

我在构造函数中添加了以下内容:
this.attachRefPass=targetPass=>this.setState({targetPass})

接下来,在构造函数中的其他begin值之间:

this.state = {
 [...] 
      password: "",
      password2: "",
      showTooltipPass: false,
[...]
}
验证方法:

 passwordValidation = () => {
    this.setState({
      showTooltipPass: this.state.password === this.state.password2
    });
  };
以及表单和工具提示组件:

<Form.Group as={Col} controlId="formGridUsername">
                <Form.Label>Username</Form.Label>
                <Form.Control
                  required
                  name="username"
                  placeholder="Username"
                  onChange={this.onChangeUsername}
                  ref={this.attachRefUser}
                />
                <Overlay
                  target={targetUser}
                  show={showTooltipUser}
                  placement="right"
                >
                  {props => (
                    <Tooltip id="overlay-example" {...props}>
                      There is one username like that already in the system!
                    </Tooltip>
                  )}
                </Overlay>
              </Form.Group>

用户名
{props=>(
系统中已经有一个这样的用户名!
)}
工具提示来自react boostrap:
您正在
状态下设置一个布尔值(
true
false
)。showTooltipPass
,并将其传递给覆盖的
show
属性,该属性似乎需要字符串值(
“true”
“false”

如果将值作为
show={showTooltipPass.toString()}
传递,这将在需要将布尔值作为字符串的位置将其转换为字符串。

这是一个固定的方法,覆盖输出
将值作为
布尔值显示。

您可以通过覆盖
show
prop在本地解决该问题

{props => (
    <Tooltip id="overlay-example" {...props} show={props.show.toString()}>
        There is one username like that already in the system!
    </Tooltip>
)}    
{props=>(
系统中已经有一个这样的用户名!
)}    

show={showTooltipUser}
行中的
showTooltipUser
似乎是一个布尔值。尝试传递一些伪字符串,而不是
showTooltipUser
(即:e
show={“lorem”}
),然后查看是否出现警告。不幸的是,它不起作用,得到的错误与我在下面描述的@helloitsjoe相同。它需要一个布尔值:我忘了添加,当然我检查了。这样做之后,我发现它需要一个布尔值:)我得到两个警告:
警告:失败的道具类型:为“覆盖”提供的“字符串”类型的无效道具“显示”,应为“布尔”。在覆盖中(由WaitForContainer创建)
失败的属性类型:提供给“Transition”的类型为“string”的属性“in”无效,应为“boolean”