React篇(056)-每次组件渲染时调用函数的常见错误是什么?

齐丶先丶森

发布于 2022-12-05 14:08:53

1.4K0

发布于 2022-12-05 14:08:53

文章被收录于专栏：前端面试秘籍

你需要确保在将函数作为参数传递时未调用该函数。

render() {
  // Wrong: handleClick is called instead of passed as a reference!
  return <button onClick={this.handleClick()}>{'Click Me'}</button>
}

相反地，传递函数本身应该没有括号：

render() {
  // Correct: handleClick is passed as a reference!
  return <button onClick={this.handleClick}>{'Click Me'}</button>
}

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2022-08-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自前端面试秘籍微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度