/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/pages/BlogPost/BlogPost.jsx
35 строк
924 B
Evgeniy
Blog post page complete
24 сен 2024, 13:40
24 сен 2024, 13:40
7cd587d
Код
Авторство
О чём код?
import { useParams } from "react-router-dom"; import Layout from "../../components/Layout/layout"; import { useEffect, useState } from "react"; import style from "./BlogPost.module.css"; function Post() { const { id } = useParams(); const [post, setPost] = useState(null); useEffect(() => { fetch(`https://fakestoreapi.com/products/${id}`) .then(res => res.json()) .then(json => setPost(json)) }, [id]) return ( <> <Layout> <div className={style['post']}> {post && ( <div> <h1>{post.title}</h1> <img src={post.image} alt={post.title} /> <p>{post.description}</p> </div> )} </div> </Layout> </> ) } export default Post;