Hola soy medio nuevo en React y estaba intentando hacer una aplicacion la cual se conecte con mi api pero me sale este error "TypeError: this.state.posts.map is not a function" y la linea que me dice que esta mal es la que guarda los datos en el state
import React, { Component } from 'react'
export default class Posts extends Component {
state = {
posts: []
}
async componentDidMount(){
const res = await fetch('http://localhost:8000/posts')
const data = await res.json();
this.setState({posts: data})
}
render() {
return (
<div>
<h1>Posts</h1>
{
this.state.posts.map(post => {
return <div key={post._id}>
<h3>{post.title}</h3>
</div>
})
}
</div>
)
}
}
El error que me sale esta en la linea donde dice this,setState({posts: data})
this.state.posts.map
, y (B) La respuesta del fetch no es un array, sino un objeto, por lo que no tienes el método map presente