爲什麼我的點擊事件不會觸發使用反應js

Question

class App extends React.Component { 

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

} 

爲什麼點擊事件不會觸發？

這裏是我的code

Answer 1

你有語法錯誤（刪除,渲染後，和您正在使用ES2015類，你不能使用key: value語法，而是使用handleClick(e) {}），更改代碼這樣

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

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

Example