Реагировать Учебник

Реагировать Главная Реагировать Введение Реагировать Начать Реагировать ES6 Реагировать на визуализацию HTML Реагировать JSX Реагировать Компоненты Реагировать на класс Реагировать на реквизиты Реагировать на события Реагировать на условия Реагировать списки Реагировать на формы Реактивный маршрутизатор Реагировать на заметку Реагировать на стили CSS Реагировать на стиль Sass

Реагировать на крючки

Что такое крючок? использование состояния использованиеЭффект использованиеконтекста useRef использованиередьюсер использоватьОбратный звонок useMemo Пользовательские крючки

Упражнения по реагированию

Ответная викторина Упражнения по реагированию Сертификат реакции

Тернарный оператор React ES6


Тернарный оператор

Тернарный оператор — это упрощенный условный оператор, такой как if/ else.

Синтаксис: condition ? <expression if true> : <expression if false>

Вот пример использования if/ else:

До:

if (authenticated) {
  renderApp();
} else {
  renderLogin();
}

Вот тот же пример с использованием тернарного оператора:

С тройным

authenticated ? renderApp() : renderLogin();


Проверьте себя с помощью упражнений

Упражнение:

Завершите этот тернарный оператор.

blue  renderBlue()  renderRed();