[英]React.js validate props input
我正在尝试将值作为道具传递给组件“ Form”
<Form firstName={'John'} lastName={'Doe'} enabled={1} />
我想知道如何验证布尔值,当使用值1启用时,将CSS类分配为Active,否则将CSS类禁用。
这是我在react组件中尝试过的方法,但没有奏效。
<span className="Disabled">{this.props.enabled ? "Active" : 'Disabled'}</span>
非常感谢您的帮助。
如果要在<span>
上更改类,则需要在属性className
而不是元素的内容上设置条件:
<span className={(this.props.enabled === 1)? "Active" : 'Disabled'}></span>
如果要使用1
this.props.enabled === 1
需要建立一个this.props.enabled === 1
变量即可保存true和false值。
就我个人而言,我应该启用为true
或false
的布尔值,因为它会增加不必要的复杂性使其成为数字。
<span className={this.props.enabled === 1 ? "Active" : 'Disabled'}></span>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.