Блог

Я создаю очень простые формы с несколькими кнопками отправки в React.

 function SomeForm() {
 const onSubmit = (e: FormEvent) => {
  e.preventDefault();
  console.log("submitted form button name is", e.nativeEvent?.submitter.name);
 }
 return (
 <form onSubmit={onSubmit}>
  <input type="text" name="someInput" />
  <button type="submit" name="btn1">Btn1</button>
  <button type="submit" name="btn2">Btn2</button>
 </form>
 );
}
 

Будет ли форма события nativeEvent.submitter.name работать последовательно во всех браузерах?

В случае Сафари caniuse.com сообщает, что есть ошибка с кнопками, в противном случае она, похоже, работает. Но если вы посмотрите на сообщение об ошибке Ошибка 229660, вы увидите, что она была исправлена.