You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中「Objects are not valid as a React child」错误的解决求助

React中「Objects are not valid as a React child」错误的解决求助

大家好,我在React项目开发时碰到了一个棘手的报错,试了好几种方法都没解决,想请各位帮忙看看问题出在哪。

报错信息如下:

Uncaught Error: Objects are not valid as a React child
(found: object with keys {_id, title, text, tags, viewsCount, user, createdAt, updatedAt, __v}).
If you meant to render a collection of children, use an array instead.

这个错误是在我获取单篇文章详情并渲染Post组件时出现的,相关代码如下:

Post组件代码

export const Post = ({
  id,
  title,
  createdAt,
  imageUrl,
  user,
  viewsCount,
  commentsCount,
  tags,
  children,
  isFullPost,
  isLoading,
  isEditable
}) => {
  if (isLoading) {
    return <PostSkeleton />;
  }
  // Post组件其余渲染逻辑省略
};

调用Post的父组件代码

React.useEffect(() => {
  axios
    .get(`/posts/${id}`)
    .then((res) => {
      setData(res.data);
      setLoading(false);
    })
    .catch((err) => {
      console.warn(err);
      alert("Error in receiving the post");
    });
}, []);

if (isLoading) {
  return <Post isLoading={isLoading} isFullPost />;
}

return (
  <>
    <Post
      id={data._id}
      title={data.title}
      imageUrl={data.imageUrl}
      user={data.user}
      createdAt={data.createdAt}
      viewsCount={data.viewsCount}
      commentsCount={0}
      tags={data.tags}
      isFullPost
    >
      <p>{data.text}</p>
    </Post>
  </>
);

我自己初步猜测是不是在传递props的时候,把某个对象直接当成了React子元素渲染?比如user或者tags会不会是对象类型?但我还没定位到具体是哪里的问题,有没有大佬能帮我分析下?

备注:内容来源于stack exchange,提问作者Goering Novorozzov

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 13:28:07