/
Rarog70
/
Learn_React
Обзор
Документация
Войти
/
Rarog70
/
Learn_React
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
21-posts/src/components/Posts.js
33 строки
716 B
Rarog70
learn
06 фев 2025, 23:54
06 фев 2025, 23:54
d09af08
Код
Авторство
О чём код?
import Post from "./Post"; import { useState, useEffect } from "react"; function Posts() { const [posts, setPosts] = useState([]); const [isLoading, setIsLoading] = useState(true); useEffect(() => { fetch("https://dummyjson.com/posts") .then((response) => response.json()) .then((data) => setPosts(data.posts)) .catch((error) => console.log(error)) .finally(() => setIsLoading(false)); }, []); return ( <> <h1>Posts</h1> <hr /> {isLoading ? ( <div>Loading...</div> ) : ( <div> {posts.map((post) => ( <Post {...post} key={post.id} /> ))} </div> )} </> ); } export default Posts;