react 函数有参数需要return一个新函数来进行操作 没有参数直接写操作就行为啥啊

Question

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

为啥要这样写 不然会报错

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

 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)
      }
    }
  }

  async function resuList() {
    let res = await resumeList({
      page: 1,
      pageSize: 10,
    })
    console.log(res)
    if (res?.code === 0) {
      setResuData(res?.data?.data)
    };
  }

运行结果及报错内容

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

我想要达到的结果

Answer 1

react函数可以有参数的，不一定需要返回函数，返回值也可以，你的showModal函数是怎么调用的，你这样写的话我的猜测是

Click={showModal(id)}

不是

Click={showModal}

//或者
Click={()=>showModal(id)}

这两种写法都可以的，但是意思是不一样的，方便话可以看下你的showMoal函数的调用或者报错信息。