Привет, я использую 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
Мы можем отрезать результат 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)
})
})