Кто тебя будет спрашивать?

Всем привет
кто нибудь может обьяснить конструкцию в реакте такого вида
{!this.state.offers && <Spinner />}
он работает так что если нету offers то он показывает спиннер
но я видел тлько такую конструкцию
{!this.state.offers ? <Spinner /> : null} (тернарным оператором)

это получается одно и тоже ? как это работает ?

Это вдвойне интереснее

Ну это не в реакте, а в JS

И не одно и то же

работает также как false && true  дают false  ?

О крутая запись впервые вижу

{!this.state.offers && <Spinner />}

{!this.state.offers ? <Spinner /> : undefined}

Это вот одно и то же

Правда Денис скажет что не надо так делать)

лол а я и не знал
спасибо

&& — И

Пропустит, если предыдущее тру

капец
а я думал типо оператор И строго смотрит , если значения по обе стороны не дают оба true то он дает false

типо
true && false => false
false && true => false
true && true => true

true && 5 => 5
false && 5 => false

true || 5 => true
false || 5 => 5

надо про логические операторы снова почитать

просто jsx не отрисовывает falsy выражения

здесь вернул 5
из описания : Возвращает значение expr1, если оно может быть преобразовано в false; иначе возвращает значение expr2. Таким образом, при использовании с величинами типа Boolean оператор && вернет true, если оба операнда могут быть преобразованы в true; иначе оператор && вернет false.

он смотрите может ли первое выражение в false преоброзовать , не может поэтому и возвращает 2ое выражение тоесть 5 ?