Блог

Я получаю ошибку в приведенном ниже

Строка 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>
  

пожалуйста, помогите мне решить эту проблему.
Заранее спасибо.

Функция, которая передается .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: Списки и ключи