Встроенный оператор if-else с тернарным оператором

При использовании React для встроенной условной отрисовки элементов можно применять условный JavaScript-оператор условие ? true : false. Давайте посмотрим, как это может выглядеть на практике.

Как и в случае с JavaScript, у разработчика есть возможность подобрать подходящий стиль, основываясь на том, что ваша команда считает более читабельным. Кроме того, нельзя забывать, что каждый раз, когда условия становятся слишком сложны, возможно, более рациональным будет извлечь компонент -- пример этого вы можете посмотреть здесь.