Warum sich onchange bei React anders verhält als bei HTML
Posted: 17 Jan 2025, 09:56
Erstes Beispiel
HTML: Im folgenden Beispiel wird console.log() ausgelöst, wenn das Textfeld geändert und eingegeben wird gedrückt.
Reagieren: Im Beispiel unten wird nur console.log() ausgelöst einmal, wenn Seite geladen[/b] wird.
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.
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.
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;
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;