Ограничить путь API с реагировать JS

Привет, я использую API, он возвращает 100 записей, и я просто хочу попробовать 6.

Я ценю, если вы можете дать мне руководство по решению этой проблемы

, есть некоторые API, которые уже разработали некоторые запросы для этого, но в этом случае это то, что я должен потреблять от JS

Заранее спасибо

Приветствия

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
0
задан 28.11.2019, 23:38
1 ответ

Мы можем отрезать результат resp.data, это ограничит renderizacion данных.

Для этого мы займем метод slice(), ты можешь находить больше информации в этом 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)
    })
})
1
ответ дан 01.12.2019, 10:39