我的组件没有显示 React 映射

Question

我正在尝试呈现来自我的数据库的 posts，数据在 console.log(post) 中作为数组打印，但 post 组件不呈现。

代码：

{posts && posts.map((post, key) => {
   {console.log(post)}
   <ConnectPost postDetails={post} key={key} />
})}

数据数组示例：

{
    "post_id": 3,
    "user_id": 1,
    "placed_by": "youtuber",
    "link": "https://www.youtube.com/c/MrBeast6000",
    "game_id": null,
    "game_name": null,
    "requirements": "{\"minimum game size\": 1000}"
}

Answer 1

尝试添加 return :

{posts && posts.map((post, key) => {
   {console.log(post)}
  return <ConnectPost postDetails={post} key={key} />
})}

我的组件没有显示 React 映射

my component isn't shown with React mapping

reactjs

mapping