关于被一个花括号困扰1个多小时这件事

在使用useRequest过程中，写了如下代码：

//定义请求数据函数
/*
*加async的原因（开始的错误理解）：useRequest接收的函数要异步函数，不加async的时候报错
*所以就加上了。
*/
const  getTaskList = async () => {
      request('http://localhost:8900/api/todo/list',{
      requestType:'json',
      method:'get',
      params:{}
    })
}

//useRequest使用数据
const { data, error, loading } = useRequest( getTaskList,{
    onSuccess:(res:any,params) => {
      console.log(res)
    }
  } );

问题：输出的res一直是undefined。但是浏览器检查请求报文发现是请求成功了的。

经过反复检查，观看useRequest文档示例。发现在我定义的请求函数中，我的箭头函数的=>后面多了一层{}。
仔细一想，箭头函数没有{}时，会自动把执行结果作为返回值，而有{}时要自己手动return一下。
所以我的错误原因：获取数据的箭头函数加了{}，却没有手动返回request的执行结果。
解决办法：把{}去掉，或者手动加个return。