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

标签 javascript reactjs ecmascript-6

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

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

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

最佳答案

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

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

格式化

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

希望这对您有所帮助!

关于javascript - 我怎样才能让箭头函数工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40541250/

相关文章:

javascript - 如何从跨域 iframe 中访问父窗口的 window.orientation?

javascript - 单击单选按钮时显示文本框。我该怎么做呢?

javascript - Firebase Fetch - 没有访问控制允许来源

javascript - 在服务器端的 react-router 中使用 basename

javascript - 有没有办法判断 ES6 promise 是否已履行/拒绝/解决?

javascript - ES6 生成器 : why the argument passed to the first next() function doesn't work?

javascript - 连接服务器时出错: socket io is not defined

javascript - JavaScript 中的对象引用比较

reactjs - 导航链接上的 activeClassName 不起作用 - react

javascript - 如何使用静态方法将身份验证 token 传递给 API 类