如何将 map() 与来自 axios 响应的数据一起使用？

Question

我正在使用 axios 从服务器获取数据并将其存储在状态中。当我这样做时state.map( post => {console.log(post)} )，我什么也看不到。

我使用Express，Mongoose，NextJS和Axios。

我正在使用axios从服务器获取数据并将其存储在this.state.posts. 当我做console.log(this.state.posts)in 时componentDidMount，它完美地记录了 posts 数组。但是当我在render(){ return ( /*here*/)} 里面做同样的事情时， 它没有显示任何东西。

这会记录所有帖子而没有错误

async componentDidMount() {     
        const { data } = await axios.get('/api/all')
        this.setState({posts: data, isLoading: false})
        console.log(this.state.posts)
    }

但这不会记录任何内容-

render() {
  return({ 
    posts.map( post => {
      <Post title={post.title} />
    })  
  })
}

Answer 1

{ 
   posts.map( post => {
    return <Post title={post.title} />
}) 
}

也许它有效。