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

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

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

Ниже пример, где он используется в целях условной отрисовки относительно небольшого блока текста:

1-1801-794dd7.png

Также такой подход можно применять для больших выражений. Правда, в данном случае происходящее будет менее очевидно:

2-1801-bd454c.png

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

По материалам сайта https://ru.react.js.org.

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться