onclink后面的函数何时应该写括呢呢

来源:3-12 【事件驱动】React Event 事件处理

北风一叶

2021-01-07

在下图红框处,onClick 后写的是 {this.handleClick}, 我的问题是 这个地方为何不写成 {this.handleClick()}, 请问这两种写法都分别用在什么时候呢,谢谢!
图片描述

写回答

1回答

阿莱克斯刘

2021-01-09

hello 同学,请思考一下一下两种写法的区别,以下两种是正确写法:

  • onClick={this.handleClick}
  • onClick={() => { this.handleClick(); }}



请再思考一下接下来的两种想法(错误写法),思考一下他们为什么错误

  • onClick={this.handleClick()}
  • onClick={() => { this.handleClick; }}



思路

正常情况我们要声明一个函数,可以怎么写呢?

  • const foo = () => {}

    或写作

  • function foo { }


如果要执行函数,该怎么写呢?

  • foo();


如果要把函数foo赋给别的变量,该怎么写呢?

  • const boo = foo; //赋值
  • boo(); //执行


所以,现在回到你的问题,有答案了吗?



3
1
北风一叶
非常感谢老师!现在终于理解了。
2021-01-09
共1条回复

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程