Событие onClick срабатывает только после двух кликов?

Question

[Vann Damm]

Есть такой инпут

<input name={email} onClick={onEmailClick} onChange={setMail} />

и такой обработчик, который срабатывет после двух нажатий на инпут. Как сделать чтобы срабатывал с первого клика?

const onEmailClick = (e) => {
    e.preventDefault()
    onEmailClickedSet(true);
  };

Comments

[v3shin]

Что делает onEmailClickedSet() ?

Answer 1

[uRoot]

У вас какая-то каша: onClick={onEmailClick} onChange={setMail}

Зачем два обработчика на один инпут? Почему не указано какого типа у вас инпут?

Событие onClick и так срабатывает при каждом клике, а не после двух.

Вангую, что событие onChange что-то изменяет и onClick срабатывает как вам нужно только после этого изменения, т.е. со второго раза.

Comments

[Vann Damm]

Для примера я оставил только основную логику. На сколько я знаю , если не указать preventDefault() , то срабатывает только со второго клика. Но и так и так , срабатывает только со второго почему-то. Событие onChange отрабатывается с первого раза, как и положено. P.S В другом инпуте срабатывает всё как положено, там и логика одинаковая, просто разные имена переменных

[AUser0]

У вас какая-то каша: onClick={onEmailClick} onChange={setMail}
Зачем два обработчика на один инпут?

Не автор вопроса, поэтому вангую - что бы что-то делать перед изменением поля, а что-то - сразу после.
Знаете, в жизни всякое бывает...

Почему не указано какого типа у вас инпут?

По умолчанию это будет type=text, W2C не даст соврать.

[Vann Damm]

Vann Damm, Кстати перенести событие клика в onChange подходит для моей логики, спасибо.

[uRoot]

AUser0,

По умолчанию это будет type=text, W2C не даст соврать.

Та я знаю. Просто это сбивает столку.

что бы что-то делать перед изменением поля, а что-то - сразу после

И про это я тоже знаю :) Но в такой реализации легко запутаться, что и произошло у ТС-а