, чтобы сохранить свой прогресс
Используйте && для более сжатого условия
Операторы if/else работали в прошлом уроке, но есть более сжатый способ добиться того же результата. Представьте, что вы отслеживаете несколько условий в компоненте и хотите, чтобы различные элементы отображались в зависимости от каждого из этих условий. Вместо конструкций else/if
вы можете использовать логический оператор &&
для выполнения условной логики более кратким образом. Вот пример:
{condition && <p>markup</p>}
Если condition
равно true
, разметка будет возвращена. Если условие false
, операция немедленно вернет значение false
после оценки condition
и ничего не вернет. Вы можете включить эти утверждения непосредственно в свои JSX и несколько разных условий вместе, написав &&
после каждого из них. Это позволяет обрабатывать более сложную условную логику в формировании конечного JSX, не повторяя много кода.Решите предыдущий пример еще раз, чтобы h1
выводился при display
=== true
, но используйте логический оператор &&
вместо конструкции if/else
.
/**
* Your test output will go here.
*/