javascript Uncaught TypeError: Cannot read properties of null (reading 'profilePicUrl') at Home.js:110:1, at Array.map (< anonymous>), at Home (Home.js:102:1)

ltqd579y  于 2023-01-07  发布在  Java
关注(0)|答案(1)|浏览(222)

以下错误是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>
wkyowqbh

wkyowqbh1#

正如用户Ori Drori指出的,尝试添加

src={post?.author?.profilePicUrl}

因为有时候react试图访问author时可能没有加载它,或者它可能是未定义的。还要确保你的post对象实际上有一个profilePicUrl。

相关问题