以下错误是react项目的主页在登录过程后出现的,主页变为空白,然后在profilePicUrl图像中出现空属性错误。
return (
<div className='home-container'>
// error
{posts.map((post) => {
return (
<div className='card home-card' key={post._id}>
<h5 style={{ padding: '10px' }}>
{/* console.log("post data", post); */}
<img
className='profilePic'
// error
src={post?.author.profilePicUrl}
alt='Profile Picture'
/>
<Link
to={
post.author._id !== state._id
? '/profile/' + post.author._id
: '/profile'
}>
{post.author.fullName}
</Link>
1条答案
按热度按时间wkyowqbh1#
正如用户Ori Drori指出的,尝试添加
因为有时候react试图访问author时可能没有加载它,或者它可能是未定义的。还要确保你的post对象实际上有一个profilePicUrl。