Реагировать на `true` для не-логического атрибута

Question

Я просто проверяю это условие, чтобы установить класс для элемента, но получаю эту ошибку:

<div className={(this.state.kindValue === 1 && this.state.depositValue === 1) || (this.state.depositValue === 0 ? 'two fields' : 'two fields hide')}>

index. js: 1406 Предупреждение: получено true для не-логического значения атрибут className.

Если вы хотите записать его в DOM, вместо этого передайте строку: className = "true" или className = {value.toString ()}.

Я не могу понять, что я должен решить это?

Answer 1

Я думаю, что вы поставили скобки неправильно, поэтому вы получаете true или false вместо two fields или two fields hide. Попробуйте этот код вместо

<div className={(this.state.kindValue === 1 && this.state.depositValue === 1) || this.state.depositValue === 0 ? 'two fields' : 'two fields hide'}>