0

Hola estoy consumiendo un api, este me devuelve 100 registros y solo quiero printear 6.

agradezco si me pueden dar una guia para resolver esto

hay algunos apis que ya tienen desarrollados algunos queries para esto pero en este caso es algo que debo consumirlo desde JS

Gracias de antemano

Saludos

class EpisodesCardsGrid extends Component {
    constructor(props){
        super(props);
        this.state = {
            episodes: []
        }
    }
    componentDidMount(){
        axios.get('https://breakingbadapi.com/api/episodes')
            .then(resp =>{
                this.setState({
                    episodes: resp.data
                })
            })
    }
    render(){
        const { episodes } = this.state;
        return(
            <>
            {
                episodes.map(
                    u => (
                        <EpisodesCard
                            key     = {u.id}
                            title   = {u.title}
                        />
                    ))
            }
            </>
        )
    }
}

export default EpisodesCardsGrid

1 respuesta 1

2

Podemos cortar el resultado de resp.data, esto limitara la renderizacion de los datos.

Para esto ocuparemos el metodo slice(), puedes encontrar mas informacion en esta documentcion

axios.get('https://breakingbadapi.com/api/episodes')
.then(resp =>{
  const limit = 6;

    this.setState({
        // el cero representa desde donde quieres cortar el array.
        // y la constante limit (int) sera el maximo dato a cortar
        episodes: resp.data.slice(0, limit)
    })
})
2
  • Amigo Muchisimas gracias por tu ayuda. Me sirvió de mucho el 9 dic. 2019 a las 22:49
  • @EnriqueJoseEstradaNuñez puedes marcar la respuesta como correcta el 10 dic. 2019 a las 21:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.