TypeScript中useState赋值报错：never[]无法适配SetStateAction类型

核心问题 #

1. 类型不匹配：你给useState声明的类型是getPostCommentsType（一个包含comments属性的对象），但getComments返回的是result.comments——也就是那个元组本身，直接传给setComments自然类型对不上。
2. 元组定义错误：getPostCommentsType里的comments被定义成了固定长度的单个评论元组，但实际接口返回的应该是多个评论的数组，当没有评论时返回空数组never[]，这和固定长度元组的类型冲突。

修正步骤 #

1. 修正类型定义

把getPostCommentsType改成正确的结构，让comments是单个评论类型的数组（用对象定义单个评论可读性更强）：

// 单个评论的类型定义
interface Comment {
  id: string;
  reader: {
    id: string;
    name: string;
    email: string;
    photo: {
      url: string;
    };
  };
  comment: string;
}

// 请求返回的整体结构
interface GetPostCommentsResponse {
  comments: Comment[];
}

2. 修正getComments函数的类型

const getComments = async (postId: string): Promise<Comment[]> => {
  const result: GetPostCommentsResponse = await request(
    graphqlAPI,
    getPostCommentsQuery,
    { postId }
  );
  return result.comments;
};

3. 修正useState的类型

现在useState的类型应该是评论数组，初始值设为空数组更合理：

const [comments, setComments] = useState<Comment[]>([]);

4. 赋值调用

现在再调用setComments就不会有类型错误了：

setComments(await getComments(postId));

错误根源说明 #

• 你原来的getPostCommentsType把comments定义成固定3元素的元组，意味着必须有且只有一个评论，但实际接口返回的是评论列表（可能为空），所以空数组never[]无法匹配元组类型。
• 同时useState期望接收的是getPostCommentsType类型的对象，但你传的是元组/数组，类型完全不兼容。

内容的提问来源于stack exchange，提问作者Kartik Thakur