В чём разница между обработкой событий в HTML и в React?

Базовая идея

В React события обрабатываются через SyntheticEvent — обёртку над нативными событиями браузера с единым API между браузерами.

Отличия от HTML

1. Имена в camelCase: onClick, onChange, а не onclick.
2. Функция, не строка: onClick={handler}, не onclick="handler()".
3. preventDefault: вызываете e.preventDefault(), а не return false.
4. События делегируются на корень (в новых версиях — root container), а не вешаются на каждый DOM-узел вручную.

function Form() {
  function handleSubmit(e) {
    e.preventDefault();
    console.log('submit');
  }
  return (
    <form onSubmit={handleSubmit}>
      <button type="submit">Отправить</button>
    </form>
  );
}

SyntheticEvent

Даёт стабильный интерфейс (e.target, e.currentTarget, …). В старых версиях event пулили — нельзя было читать асинхронно без e.persist(). В современных React это в основном не проблема.

onChange

В React onChange на <input> срабатывает на каждый ввод (ближе к input в DOM), что удобно для controlled components.

Практика

Не смешивайте нативные addEventListener без нужды; держите обработчики в React-дереве. Для производительности списков — стабильные колбэки и делегирование там, где уместно.

Итог: синтаксис JSX + SyntheticEvent + camelCase — главные отличия от классического HTML. На интервью полезно упомянуть controlled inputs и отличия onChange от DOM.