aio350 Feb 8 2021 at 10:09

React: лучшие практики

19 min

74K

Website development*JavaScript*Programming*ReactJS*

Translation

Comments 6

UFO just landed and posted this here

shadek Feb 8 2021 at 23:57

bind в классах? статья 2018 года?

laisto Nov 25 2021 at 18:04

а можно пример когда && сработает некорректно, в отличии от тринарного?

faiwer Nov 25 2021 at 21:02

const value = 0;
0 && <br/>; // на экране "0"
0 ? <br/> : null; // пустота

С пустой строкой та же самая ситуация, но сложнее этим что-то сломать. Однако можно. Например если это children к какому-нибудь компоненту, который на '' отреагирует иначе, не так как на children: null.

тринарного

тернарный

AlanFisher Mar 25 2022 at 21:25

Эта статья получила неоправданно мало внимания. Большое спасибо за перевод и размещение здесь, поглядим что ещё есть у автора :)

yaroslav_samardak Apr 19 2023 at 18:15

В некоторых случаях использование коротких вычислений (оператора «логическое И» — &&) для условного рендеринга может привести к отображению 0 в UI

Не хочу умничать, но в таких ситуациях можно так-же использовать двойное отрицание

function Component() {
  const count = 0

  return <div>{!!count && <h1>Сообщения: {count}</h1>}</div>
}

Show the best of all time