При использовании React для встроенной условной отрисовки элементов можно применять условный JavaScript-оператор условие ? true : false. Давайте посмотрим, как это может выглядеть на практике.
Ниже пример, где он используется в целях условной отрисовки относительно небольшого блока текста:
Также такой подход можно применять для больших выражений. Правда, в данном случае происходящее будет менее очевидно:
Как и в случае с JavaScript, у разработчика есть возможность подобрать подходящий стиль, основываясь на том, что ваша команда считает более читабельным. Кроме того, нельзя забывать, что каждый раз, когда условия становятся слишком сложны, возможно, более рациональным будет извлечь компонент -- пример этого вы можете посмотреть здесь.
По материалам сайта https://ru.react.js.org.
✎﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏
Сделайте первый шаг к изучению React уже 26 мая в 20:00. В OTUS пройдет открытый урок «Тестирование в React.js». Его проведет Василий Ванчук, опытный JavaScript-разработчик. Он занимает должность Senior Software Engineer в эстонской компании Bolt Technology OÜ.
На открытом уроке обсудим, для чего разработчику на React.js умение писать тесты и как применять React Testing Library в процессе разработки.