Ребят, react ругается на записать !multipleLoginAttempts && openWindowAuth По этому сделал

Question

Ребят, react ругается на записать !multipleLoginAttempts && openWindowAuth По этому сделал

тернарным оператором. У меня 2 вопроса:

Почему он ругается на эту запись !multipleLoginAttempts && openWindowAuth

И что правильнее писать в условии false: пустую строку, или null?

#frontend #javascript #programming #react.js #russian

0

24.06.2021

6 ответов

8 просмотров

b11t

в подобных случаях в js/ts удобнее пользоваться null (хотя в тут концептуально уместнее ситуация, когда typeof onClick === 'undefined', что не достигается никаким присваиванием) можно попробовать через spread оператор, который позволит получить чистый лаконичный код ...(multipleLoginAttempts ? { onClick: openWindowAuth } : {}) а ругалось, вероятно, на пустые кавычки (вместо которых в onClick должна быть передана функция обработчика)

0

24.06.2021

Китикет Базёнка

Вкусно

0

24.06.2021

b11t

на здоровье! )

0

24.06.2021

Саша Градинар Автор вопроса

Спасибо, это помогло. А чем вообще эти 3 записи отличаются?

0

24.06.2021

b11t

в первом случае атрибут onClick задаётся только в случае, когда определён multipleLoginAttempts (это вторая часть тернарника) [[кстати, тут требуется уточнение относительно использования multipleLoginAttempts или !multipleLoginAttempts]] если же multipleLoginAttempts не определён, то и onClick не определён (это третья часть тернарника) в остальных Вами приведённых примерах onClick оказывается всегда определён (вне зависимости от multipleLoginAttempts и желаемого поведения) но значения, туда переданные, различаются: во втором случае, в onClick приходит тело функции, в котором openWindowAuth никогда не сработает, как функция — её вызова не происходит. тут логичнее была бы такая запись onClick={() => !multipleLoginAttempts ? openWindowAuth() : (() => {})()} или ещё чуть лаконичнее onClick={() => (!multipleLoginAttempts ? openWindowAuth : () => {})()} в третьем случае скобки не нужны но тут намного важнее обратить внимание на то, что если первая часть условного выражения будет false, то и в атрибут onClick будет записан false, что не является функцией т.к. при попытке его вызвать [false()] ничего полезного не произойдёт этот кусок тоже можно исправить, привести к такому решению: onClick={!multipleLoginAttempts ? openWindowAuth : () => {}} минус обоих решений 2 и 3 — в необходимости передачи пустой функции

0

24.06.2021

Artem Konkov · Accepted Answer

Artem Konkov

1. В скобки внеси условие))

0

24.06.2021

169 похожих чатов

Ребят, react ругается на записать !multipleLoginAttempts && openWindowAuth По этому сделал

6 ответов

Похожие вопросы