DE
React - onClick Ereignishandler - Ein Beispiel
3 points
In diesem Artikel wird gezeigt, wie man das onClick Ereignishandler in React verwenden kann.
Schnelle Lösung:
xxxxxxxxxx1
<button onClick={handleClick}>Klick mich!</button>Wenn man im folgenden Beispiel auf die Schaltfläche klicken, ruft man die Funktion handleClick, die der Eigenschaft onClick zugewiesen wurde - sie ist für das Ereignishandler verantwortlich.
Lauffähiges Beispiel:
xxxxxxxxxx1
//import React from 'react';2
3
const handleClick = () => {4
console.log('handleClick wurde erkannt');5
};6
7
const App = () => {8
return (9
<div className="App">10
<button onClick={handleClick}>Klicke mich!</button>11
</div>12
);13
};14
15
const root = document.querySelector('#root');16
ReactDOM.render(<App />, root );