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
相关产品推荐
相关产品推荐

