I'm trying to pass values to my component 'Form' as props
<Form firstName={'John'} lastName={'Doe'} enabled={1} />
I would like to know how to validate boolean value, when enabled with value 1 assign CSS class Active otherwise add CSS class disabled.
This is what I have tried within my react component and it hasn't worked.
<span className="Disabled">{this.props.enabled ? "Active" : 'Disabled'}</span>
Your help is highly appreciated.
如果要在<span>
上更改类,则需要在属性className
而不是元素的内容上设置条件:
<span className={></span>
If you are wanting to use 1
then you would just need to establish a this.props.enabled === 1
variable somewehre to hold the true and false value.
Personally I would have enabled be a boolean value of true
or false
as it adds unnecessary complexity to make it a number.
<span className={this.props.enabled === 1 ? "Active" : 'Disabled'}></span>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.