/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/javascript/lab-1146-017/main.jsx
30 строк
808 B
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
import { useEffect, useState } from 'react'; export default function NotesList() { const [notes, setNotes] = useState([]); const [error, setError] = useState(''); const [loading, setLoading] = useState(true); useEffect(() => { fetch('http://127.0.0.1:3000/notes') .then((res) => { if (!res.ok) throw new Error(`HTTP ${res.status}`); return res.json(); }) .then(setNotes) .catch((e) => setError(e.message)) .finally(() => setLoading(false)); }, []); if (loading) return <p>Загрузка…</p>; if (error) return <p className="error">Ошибка: {error}</p>; if (!notes.length) return <p>Заметок пока нет</p>; return ( <ul> {notes.map((n) => ( <li key={n.id}>{n.text}</li> ))} </ul> ); }