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