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

Posted 2023-02-21

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

【英文标题】：getting an error of Expected an assignment or function call and instead saw an expression no-unused-expressions in react

【发布时间】：2021-01-26 02:29:04

【问题描述】：

我在下面遇到错误

第 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>

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

【参考方案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>
  )
)

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