Как обработать событие onSubmit элемента form в реакт с использованием хуков?

Question

[Kentavr16]

Собственно вопрос задан. В интернете гуляют примеры как это реализовать при помощи тайпскрипт, но на простой яве не нашел.

const handleSubmit = КАК ЭТО ОБРАБОТАТЬ?

  };
  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label htmlFor='email'>Email</label>
        <input type='email' id='email' value={email} onChange={(e) => setEmail(e.target.value)} />
      </div>
      <div>
        <label htmlFor='password'>Password</label>
        <input type='password' id='password' value={password} onChange={(e) => setPassword(e.target.value)} />
      </div>
    </form>

Comments

[Simkav]

Не совсем понятно каким тут боком хуки, и если правильно понял то вам сюда
forms

[Kentavr16]

во всех примерах используют классы. Я по возможности их избегаю, т.к. бинды, this и прочий как по мне мусор, которого при испольхования функций и хуков нет. в примере выше я не могу обработать onSubmit, т.к. не могу передать в функцию event который возникает on submit, и соответственно handle"р не работает.
иными словами:
const handlesubmit = (сюда нужно передать event который возникает при onsubmit)=>{функция}.
я не гуру, если надо буду писать классы, но мне кажется это уже устаревшая практика.

[dgash2201]

Не совсем понимаю в чём проблема. Просто можно же написать const handleSubmit = (event) => {...}

[Simkav]

Kentavr16, Если вы не можете простейшую функцию переделать из классовой в функциональную, думаю вам лучше пока поработать по гайдам с оф сайта с классами, а еще лучше разобраться в жсе перед тем как работать с реактом
вот пример по 1 ссылке с гугла

[Kentavr16]

Simkav, спасибо за очень умные советы, но я уже нашел репозиторий на гитхабе, где такие же тупые люди как я решили вопрос кастомным хуком. могу скинуть ссылку, расскажете им о работе по гайдам с оф сайта.
Пи.си - сюда обращаются за помощью а не затем чтобы почитать подобное УГ. Не знаете норм решения - пропустите вопрос.

[Simkav]

Kentavr16, ну обычно для работы с формами в реакте юзают либы по типу formik или react-form, за умные советы пожалуйста, рад что вы нашли репозиторий на гитхабе, а по поводу читать подобное уг, слышать это от человека который даже не прочитал основные главы по либе которую юзает, и не понимает основые языка которым пользуеться просто смешно) желаю вам всего хорошего

Answer 1

[Kentavr16]

Решение нашлось - кастомный хук useForm. Отлично справляется с задачей и упрощает обработку форм.