React.js验证道具输入

Question

我试图值传递给我的组件“形式”的道具

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

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

这是我在我的反应组件内试过的，它没有奏效。

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

您的帮助是非常感谢。

Answer 1

如果您希望类改变对<span>你需要设定的条件对房地产className而不是元素的内容：

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

Answer 2

如果你想使用1那么你只需要建立一个this.props.enabled === 1变量来保存真实和错误的值。

就我个人而言，我可以使用布尔值true或false，因为它增加了不必要的复杂度，使其成为一个数字。