Javascript React引导工具提示警告:收到非布尔属性'show'的'true'`
我都快气疯了。我想消除这个警告: js:1446警告:收到非布尔属性的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}) 接下来,在构造函数中的
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
(即:eshow={“lorem”}
),然后查看是否出现警告。不幸的是,它不起作用,得到的错误与我在下面描述的@helloitsjoe相同。它需要一个布尔值:我忘了添加,当然我检查了。这样做之后,我发现它需要一个布尔值:)我得到两个警告:警告:失败的道具类型:为“覆盖”提供的“字符串”类型的无效道具“显示”,应为“布尔”。在覆盖中(由WaitForContainer创建)
和失败的属性类型:提供给“Transition”的类型为“string”的属性“in”无效,应为“boolean”