html元素的onXXX事件的传参方式?

#1

最近刚刚开始接触前端和React,看别人代码时遇到了两种给html元素的onXX事件传参方式。

例子1:

<button type='button' className='btn' onClick={() => setIsHide(!isHide)}>Show/hide</button>

例子2:

<form className='form' onSubmit={handleSubmit}>

当我像例子1用箭头函数语法调用handleSubmit时,控制台里有错误闪过然后页面就刷新了,我也没办法看是什么错误。当我换成像例子2那样传参时就没问题。我想查一下这方面的资料,但我不知道准确的术语来描述这个问题。

我的问题是: 为什么会出现这样的情况?这只存在React里还是Javascript也这样?