Javascript React.js验证道具输入

我试图将值作为道具传递给我的组件“表单”

<Form firstName={'John'} lastName={'Doe'} enabled={1} />

我想知道如何验证布尔值，当启用值1时，分配CSS类活动，否则添加CSS类禁用

这是我在react组件中尝试过的，但没有成功

    <span className="Disabled">{this.props.enabled ? "Active" : 'Disabled'}</span>

{this.props.enabled？“Active”：“Disabled”}

---

非常感谢你的帮助

如果要使用

1

，则只需建立

this.props.enabled===1

变量somewehre来保存真值和假值

就我个人而言，我会启用布尔值

true

或

false

，因为这会增加不必要的复杂性，使其成为一个数字

<span className={this.props.enabled === 1 ? "Active" : 'Disabled'}></span>

---

如果要使用

1

，则只需建立

this.props.enabled==1

变量somewehre来保存真值和假值

就我个人而言，我会启用布尔值

true

或

false

，因为这会增加不必要的复杂性，使其成为一个数字

<span className={this.props.enabled === 1 ? "Active" : 'Disabled'}></span>

---

如果希望在

上更改类，则需要在属性

className

上设置条件，而不是元素的内容：

<span className={(this.props.enabled === 1)? "Active" : 'Disabled'}></span>

---

如果希望在

上更改类，则需要在属性

className

上设置条件，而不是元素的内容：

<span className={(this.props.enabled === 1)? "Active" : 'Disabled'}></span>

---

为什么不传递一个布尔值'enabled={true}'，或者将条件更改为'this.props.enabled==1'，我将尝试一下！：）为什么不传递一个布尔值'enabled={true}'，或者将条件更改为'this.props.enabled==1'，我将尝试一下！：）