React - onClick Ereignishandler - Ein Beispiel

In diesem Artikel wird gezeigt, wie man das onClick Ereignishandler in React verwenden kann. 

Schnelle Lösung:

<button onClick={handleClick}>Klick mich!</button>

Praktisches Beispiel

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:

// ONLINE-RUNNER:browser;
//import React from 'react';

const handleClick = () => {
  console.log('handleClick wurde erkannt');
};

const App = () => {
  return (
    <div className="App">
      <button onClick={handleClick}>Klicke mich!</button>
    </div>
  );
};

const root = document.querySelector('#root');
ReactDOM.render(<App />, root );