箭头函数调用函数的差异:onChange两种写法的区别解析
两种onChange绑定写法的差异与工作机制
第一种写法:
onChange={() => input()}
当onChange事件触发时,会执行这个箭头函数。箭头函数内部直接执行了input()——这是在主动调用input函数,所以事件触发后,input会立刻运行,触发对应的逻辑。第二种写法:
onChange={() => input}
当onChange事件触发时,同样会执行这个箭头函数,但箭头函数里只是把input函数的引用返回出去,完全没有调用它。相当于你把函数“递”了出去,但没说“现在执行它”,所以input函数根本不会被触发,自然看不到任何效果。
本质区别:前者是在箭头函数内部执行目标函数,后者只是在箭头函数内部返回目标函数的引用,并没有执行动作。
内容的提问来源于stack exchange,提问作者Piyush Pal
相关产品推荐
相关产品推荐

