Почему так пишут код?

Question

[ironmansl]

Есть код меняющий классы (добавляет или удаляет):
https://jsfiddle.net/rjhzf0wk/

там есть вот такая строка:

<div className={(this.state.opened) ? "mystyle" : ""}>Текст</div>

И я подумал а почему бы не написать вот так:

<div className="mystyle">{this.state.opened}Текст</div>

а в css написать display:none для mystyle.
Но так не работает.

Часто вижу что в React коде пишут значением атрибута className не название класса а в значение className пишут какое-то условие. Почему именно так пишут? Что это за фишка такая писать не название класса а условие?

Comments

[iBird Rose]

и что твой вариант кода должен делать по твоей логике?

Answer 1

[Егор Тельнов]

Потому что первый кусок кода проверяет, какое значение хранится в стейте, и если значение true, устанавливает класс mystyle. А твой код создает блок с классом mystyle, и вписывает в него текст