#вопросы_с_собеседований по React



Если компоненту ничего не нужно отрисовывать, что мы можем сделать?

Метод render() или функциональный компонент имеет возможность возвращать null.



Как можно по условию рендерить JSX?

If — else использовать внутри JSX нельзя, но можно динамически возвращать элементы в зависимости от условия:



if (LoggedIn) {

return <User />

} else {

return <Guest />

}



Еще один вариант — логические операторы:

<div>

{count > 10 && <ShowCount />}

</div>



Также можно использовать тернарный оператор:

{LoggedIn ? <User/> : <Guest /> }