React.js validieren Requisiten Eingang

Question

Ich versuche Werte meine Komponente ‚Form‘ als Requisiten passieren

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

Ich mag würde wissen, wie boolean Wert zu validieren, wenn mit dem Wert 1 zuweisen CSS-Klasse aktiviert Aktiviere sonst die CSS-Klasse deaktiviert.

Dies ist, was ich in meiner reagierenden Komponente versucht habe und es hat nicht funktioniert.

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

Ihre Hilfe wird sehr geschätzt.

Answer 1

Wenn Sie die Klasse wollen auf der <span> ändern müssen Sie den Zustand auf dem Grundstück setzen className anstatt den Inhalt des Elements:

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

Answer 2

Wenn Sie 1 verwenden möchten, dann müssten Sie nur eine this.props.enabled === 1 Variable SomeWehre einrichten, um den wahren und falschen Wert zu halten.

Persönlich hätte ich einen booleschen Wert von true oder false ermöglicht, da es unnötige Komplexität hinzufügt, um es zu einer Zahl zu machen.