[TOC] ## 事件名為駝峰寫法 ``` <button onClick={activateLasers}> Activate Lasers </button> ``` ## 阻止默認事件 ``` function ActionLink() { function handleClick(e) { e.preventDefault(); console.log('The link was clicked.'); } return ( <a href="#" onClick={handleClick}> Click me </a> ); } ``` ## bind 綁定this ``` constructor(props) { super(props); this.state = {isToggleOn: true}; // 為了在回調中使用 `this`，這個綁定是必不可少的 this.handleClick = this.handleClick.bind(this); } handleClick() { this.setState(state => ({ isToggleOn: !state.isToggleOn })); } ``` ## 向事件中傳遞參數 兩中都可以 ``` <button onClick={(e) => this.deleteRow("123", e)}>Delete Row</button> <button onClick={this.deleteRow.bind(this, "123")}>Delete Row</button> ```