Как визуализировать компоненты, если условие в React [дубликат]

avatar
Mr.Cheese
8 августа 2021 в 19:43
267
1
0

Я пытаюсь добавить оператор if, вложенный в JSX. condition ? true example : false example работает отлично, но когда я меняю на if(condition) { ... }, в консоли отображается следующая ошибка:

enter image description here


Пример с однострочным условием (работает): https://codepen.io/webloopbox/pen/MWmqJOV

Если пример (с ошибкой): https://codepen.io/webloopbox/pen/JjNevxj


Можно ли вообще использовать оператор if внутри JSX, как по второй ссылке? Каков наилучший способ отображения нескольких компонентов в условиях?

Источник
Dominik Matis
8 августа 2021 в 19:44
2

{show && (<><Person..../></>)}

evolutionxbox
8 августа 2021 в 19:44
1

JSX склонен ожидать выражений, а не блоков

Ответы (1)

avatar
Adarsh
8 августа 2021 в 19:47
0

{(condition) ? <div>true render</div> : <div>false render</div>}

Ali Karaca
9 августа 2021 в 09:23
0

Привет, ваш ответ нуждается в дополнительных пояснениях. Проверьте эту ссылку, чтобы узнать, как написать хороший ответ на Stack Overflow: coderhelper.com/help/how-to-answer.