javascript - 我怎样才能让箭头函数工作？

Question

开始研究 ES6 并想知道如何创建一个可以调试的箭头函数:

 <button onClick={() => this.setState({open: !open})}>Toggle</button>

我怎样才能在这里放一个 console.log 来查看它是否被触发了？

Answer 1

将大括号{} 用于将包含代码块的箭头函数。

<button onClick={() => {console.log('hello');this.setState({open: !open})}}>Toggle</button>

格式化

 <button onClick={() => {
       console.log('hello');
       this.setState({open: !open})
    }}>
      Toggle
    </button>

希望这对您有所帮助!