Почему onchange ведет себя по-разному в React и HTML ⇐ Html

[Anonymous]

Первый пример
HTML: в примере ниже console.log() запускается, когда текстовое поле изменяется и вводится нажата.






Реакция: в примере ниже запускается только console.log() один раз, когда страница загружается.
function App() {
return (

);
}

export default App;

Второй пример
В этом примере я обертываю console.log() внутри функции.
HTML: То же, что и раньше. console.log() запускается, когда текстовое поле изменяется и нажимается enter.



const foo = () => {console.log(1)}





Реакция: в примере ниже запускается console.log() < strong>на лету. Нажимать Enter не требуется, и каждый ввод вызывает console.log().
function App() {
const foo = () => {console.log(1)}
return (

);
}

export default App;


Подробнее здесь: https://stackoverflow.com/questions/670 ... ct-vs-html