Languages
[Edit]
DE

React - onClick Beispiel (Klassenkomponente)

3 points
Created by:
Nikki
10460

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

Im folgenden Beispiel wird die Pfeilfunktion handleClick an die Eigenschaft onClick der SchaltflÀche, die das Mausklick-Ereignis behandelt.

Hinweis: Bevor man die handleClick-Funktion an die Eigenschaft onClickÂ ĂŒbergibt, muss man sie im Konstruktor binden.

LauffÀhiges Beispiel:

// ONLINE-RUNNER:browser;

// Hinweis: Bei der Arbeit mit dem JSX-Compiler soll man die Importzeilen entkommentieren:
// import React from 'react';
// import ReactDOM from 'react-dom';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }
  handleClick = () => {
    console.log('handleClick angeklickt');
  }
  render() {
    return (
      <div className="App">
        <button onClick={this.handleClick}>Anklicken</button>
      </div>
    );
  }
}

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

Hinweis:
Die Lösung mit Funktionskomponenten kann man in diesem Artikel.

ReactJS (DE)

Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

â€ïžđŸ’» 🙂

Join