javascript - 得到一个预期的赋值或函数调用的错误，而是在反应中看到一个表达式 no-unused-expressions

Question

我在下面遇到错误

第 56:11 行：期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions

<div className="posts_container">
{
    (userPosts.length) ?
        (
            <div>
            {
                userPosts.map((post,idx)=>{
                    <div className="smallPost">
                        <img className='smallPost_pic' alt='post_img' src={post.imageurl}/>
                    </div>
                })
            }
            </div>
        )
        :
        (
            <h1> No posts Yet </h1>
        )
}
</div>

请帮我解决这个问题。提前致谢。

标签： javascriptreactjsjsx

Answer 1

传递给的函数.map没有返回任何内容。

所以要么添加return：

userPosts.map((post,idx) => {
  return (
    <div className="smallPost">
      <img className='smallPost_pic' alt='post_img' src={post.imageurl}/>
    </div>
  )
})

或用括号替换花括号：

userPosts.map((post,idx) => (
    <div className="smallPost">
      <img className='smallPost_pic' alt='post_img' src={post.imageurl}/>
    </div>
  )
)

作为旁注，请记住将 a 添加key到div从.map函数返回的 。更多关于 React 的文档：Lists and Keys