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을 사용하려면 true 및 false 값을 유지하기 위해 this.props.enabled === 1 변수를 설정해야합니다.

개인적으로 부울 값을 true 또는 false으로 설정하면 불필요한 복잡성이 추가되어 숫자가 될 수 있습니다.

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