Warum sich onchange bei React anders verhält als bei HTML ⇐ HTML

[Anonymous]

Erstes Beispiel
HTML: Im folgenden Beispiel wird console.log() ausgelöst, wenn das Textfeld geändert und eingegeben wird gedrückt.

Code: Select all

Reagieren: Im Beispiel unten wird nur console.log() ausgelöst einmal, wenn Seite geladen[/b] wird.

Code: Select all

function App() {
return (

);
}

export default App;

Zweites Beispiel
In diesem Beispiel schließe ich console.log() in eine Funktion ein.
HTML: Das Gleiche wie zuvor. Die console.log() wird ausgelöst, wenn das Textfeld geändert und die Eingabetaste gedrückt wird.

Code: Select all

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

Reagieren: Im Beispiel unten wird console.log() ausgelöst < stark>on the fly. Das Drücken der Eingabetaste ist nicht erforderlich und jede Eingabe löst console.log() aus.

Code: Select all

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

);
}

export default App;