我有一个叫getQuote的API和一个叫QuoteCard的组件。在QuoteCard中，我试图呈现一个喜欢引用的用户数组。API工作正常，我已经测试过了，下面的代码也工作正常。

const Post = async (url, body) => {
  let res = await fetch(url, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "accept": "*/*"
    },
    body: JSON.stringify(body)
  }).then(r => r.json());
  return res;
}

const getAllLikes = async () => {
    let users = await Post('api/getQuote', {
      id: "639e3aff914d4c4f65418a1b"
    })

    return users
  }

  console.log(getAllLikes())

结果按预期运行：

然而，当试图Map这个promise结果数组以将其呈现到页面上时，我遇到了问题。

<div>
{getAllLikes().map((user) => (
    <p>{user}</p>
))}
</div>

但是，我收到一个错误，指出：
getAllLikes（...）. map不是函数
我不明白为什么会这样。为什么我不能Map数组？是因为它是一个承诺还是什么？
如果有人需要查看getQuote API，请点击此处：

//Look ma I wrote an API by myself! :D

import clientPromise from "../../lib/mongodb";
const ObjectId = require('mongodb').ObjectId;
import nc from "next-connect";

const app = nc()

app.post(async function getQuote(req, res) {
  const client = await clientPromise;
  const db = client.db("the-quotes-place");
  
  try {
    let quote = await db.collection('quotes').findOne({
      _id: new ObjectId(req.body.id)
    })

    res.status(200).json(JSON.parse(JSON.stringify(quote.likes.by)));
  } catch (e) {
    res.status(500).json({
      message: "Error getting quote",
      success: false
    })
    console.error(e);  
  }
})

export default app

谢谢你的帮助!