react函数组件函数名的两种写法

问题遇到的现象和发生背景

这两种写法有什么区别吗
第一种写法有参数时候我写操作时候要return一个新函数里边写为什么呢

问题相关代码，请勿粘贴截图

 onClick={showModal(mag.id)}
 onClick={()=>showModal(mag.id)}

 function showModal(id) {
    return async () => {
      //简历详情
      let res = await resumeMag({ id })
      // console.log(res);
      if (res.code === 0) {
        console.log(res);
        setResuMag(res?.data)
        setIsModalVisible(true)
      }
    }
  }

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

本质上没区别。

一个是调用函数。

一个是匿名函数调用函数。包了一层而已。

没啥区别的
一个是直接调用函数，另一个是匿名函数里 return 了一个函数
你看看这个只是性能上可能不一样

react onClick自执行问题与react绑定事件的几种方式比较（性能与优缺点）_崽崽的谷雨-CSDN博客写组件的时候发现子组件的onClick方法自动执行了，代码如下:let columns=[{ title:"姓名", width:"150", dataIndex:"name"},{ title:"年龄", width:"150", dataIndex:"age"},{ title:"菜单权限", width:"150", dataIndex:"menuConfig", //render=(text,record)=>{ //return(

https://blog.csdn.net/weixin_44058725/article/details/111267097

onClick={showModal(mag.id)} 第一种会立即执行的这样绑定的方法只会执行一次，并且立即执行

如果要带参数

onClick={()=>showModal(mag.id)}用这种方式

你带不带return都是可以的
()=>{
showModal(mag.id)
}

react函数组件函数名的两种写法
本质没啥区别的，就像一句话的两种表达方式——表达同一种意思