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，因爲它增加了不必要的複雜度，使其成爲一個數字。