Warum löst mein Klickereignis keine Reaktion aus? Js

Question

class App extends React.Component { 

    render(){ 
    return <div onClick={this.handleClick}>hedlo</div> 
    }, 
    handleClick : function(e){ 
    alert('--') 
    } 

} 

Warum wird das Klickereignis nicht ausgelöst?

Hier sind meine code

Answer 1

Sie haben Syntaxfehler (entfernen , nach machen, und wie Ihre ES2015-Klasse verwenden, können Sie nicht key: value Syntax verwenden, anstatt handleClick(e) {} verwenden), Code wie diese

class App extends React.Component { 
    render() { 
    return <div onClick={this.handleClick}>hedlo</div> 
    } 

    handleClick(e) { 
    alert('--') 
    } 
} 

ändern

Example