Sobes.tech

Кітаптар мен олардың авторлары туралы деректерді алыңыз. Деректерді 10 кітаптан тұратын беттелген тізімде көрсетіңіз форматта: <кітап атауы> - <автор> api: [сілтеме] спецификация: [сілтеме] егер swagger ашылмаса, түбірінде sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; экспорттау әдепкі функция App() { const [кітаптар, setBooks] = useState([]) const [бет, setPage] = useState(1); const [жүктелуде, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[сілтеме]') .then((res) => res.json()) .then((деректер) => setBooks(деректер)) .finally(() => setLoading(false)); }, []); const totalPage = Math.ceil(кітаптар.length / PAGE_SIZE); const start = (бет - 1) * PAGE_SIZE; const currentBooks = кітаптар.slice(start, start + PAGE_SIZE); return ( <div className="App"> {жүктелуде && <p>Жүктелуде...</p>} <ul> {currentBooks.map((кітап) => ( <li key={кітап.id}>{кітап.title} - {кітап.author}</li> ))} </ul> {/* Беттеу басқаруын қосуға болады */} </div> ); }

188

Draftтарды және сценарий жағдайларын сақтау үшін IndexedDB неге таңдалды, ал localStorage немесе sessionStorage емес?

128