我创建了以下 reactComponent。据我所知，useState([]); 应该将 comments 变量设置为数组。但事实并非如此。我尝试在对象上运行 .map() 时出现异常。我必须执行 Object.values(comments) 才能使其工作，但我不明白为什么。我的 api 明确返回一个评论对象数组。

import React, { useState, useEffect } from 'react';
import axios from 'axios';

export default ({ postId }) => {
  const [comments, setComments] = useState([]);

  const fetchData = async () => {
    const res = await axios.get(
      `http://localhost:4001/posts/${postId}/comments`
    );

    setComments(res.data);
  };

  useEffect(() => {
    fetchData();
  }, []);

  const renderedComments = comments.map(comment => {
    return <li key={comment.id}>{comment.content}</li>;
  });

  return <ul>{renderedComments}</ul>;
};