Я беру ресурс и вывожу данные через fetch. Дело в том, что у меня выводятся сразу все элементы с моего ресурса. Есть вопрос, как сделать так чтобы элементы показывались как в интернет магазине: например сначала 30 элементов, появляется снизу кнопочка показать еще 30 элементов? Спасибо большое
import React from "react";
import {Link} from "react-router-dom";
export function Games() {
let [game, setGame] = React.useState([])
let fetchGames = async () => {
let response = await fetch('https://api.sampleapis.com/switch/games');
let json = await response.json()
setGame(json)
}
React.useEffect(() => {
fetchGames()
},[])
return (
<>
<h2>Games</h2>
<div className='all_games'>
{game.map(el => <Link to = {`/games/${el.id}`}><div className='different_game'>{el.name}</div></Link>)}
</div>
</>
)
}