我是Next.js的新手，我想知道export default function handler有什么用，因为我们可以直接用fetch调用API。
在我的HTML代码中，我把下面的代码。当我点击submit按钮时，sendformData()函数将被调用。
第一个
当调用sendformData函数时，它调用/api/comments/文件并调用函数。

下面是/api/comments/[id].js文件的代码。

export default async function handler(req, res) {
  if (req.query.id == 'getTwitFrmUrl') {
    const resData = await fetch(
      "https://dev.. .com/api/getTwitFrmUrl?twitId=" + req.query.twitUrl
    ).then((response) => response.text()).then(result => JSON.parse(result).data);

    res.status(200).json({ data: resData });
  }
  else if (req.query.id == 'getformdata') {
    console.log('getformdata api');
    res.status(200).json({ user: 'getuserData' });
  }
}

当我把下面的代码放在sendformData中时，同样的响应也会被检索到。那么为什么我们需要调用export default function handler函数呢？

sendformData = async () => {
    const res = await fetch(
          "https://dev.. .com/api/getTwitFrmUrl?twitId=" + req.query.twitUrl
        ).then((response) => response.text()).then(result => JSON.parse(result).data);

    const result = await res.json();
    this.setState({ data: result.data });
  };