React.js проверка реквизит вход

Question

Я пытаюсь передать значения в мой компонент «Form» в качестве реквизита

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

Я хотел бы знать, как проверить логическое значение, когда включен со значением 1 Назначает класс CSS В противном случае добавьте класс CSS.

Это то, что я пробовал в своем компоненте реакции, и он не сработал.

Ваша помощь очень ценится.

Answer 1

Если вы хотите класс изменить на <span> вам необходимо установить условие на свойстве className, а не содержание элемента:

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

Answer 2

Если вы хотите использовать 1, вам просто нужно установить переменную any12, чтобы сохранить значение true и false.

Лично я бы включил логическое значение true или false, поскольку он добавляет излишнюю сложность, чтобы сделать его числом.