26:I[682187,["https://cdn.itbooster.ru/_next/static/chunks/5294eca0bc4d60ba.js","https://cdn.itbooster.ru/_next/static/chunks/0c5560d804195a56.js","https://cdn.itbooster.ru/_next/static/chunks/8375afa2a349c1fb.js","https://cdn.itbooster.ru/_next/static/chunks/930d1e580c31604b.js","https://cdn.itbooster.ru/_next/static/chunks/765fea934f7e129f.js","https://cdn.itbooster.ru/_next/static/chunks/89a26926bbac2e9b.js","https://cdn.itbooster.ru/_next/static/chunks/2159e288a6b6eecd.js","https://cdn.itbooster.ru/_next/static/chunks/a4282a709a1f11da.js","https://cdn.itbooster.ru/_next/static/chunks/f4423c064295c5e9.js","https://cdn.itbooster.ru/_next/static/chunks/bb6dc57717372357.js","https://cdn.itbooster.ru/_next/static/chunks/420522d46e5230f0.js","https://cdn.itbooster.ru/_next/static/chunks/bdb5cd75dd2822cb.js","https://cdn.itbooster.ru/_next/static/chunks/517d7750b71f6acc.js","https://cdn.itbooster.ru/_next/static/chunks/ad144b2ffa03cf52.js","https://cdn.itbooster.ru/_next/static/chunks/3253a4d0a3f6a437.js","https://cdn.itbooster.ru/_next/static/chunks/b63b091763ea5fb2.js","https://cdn.itbooster.ru/_next/static/chunks/ce8c79151a5eb8d1.js","https://cdn.itbooster.ru/_next/static/chunks/1f4c6b044f3f85ef.js"],"QuestionsDatabase"] 27:T55b,{"type":"doc","content":[{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"1) Базовый спиннер по флагу "},{"type":"text","marks":[{"type":"code"}],"text":"loading"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"type":"text","text":"import { useEffect, useState } from \"react\";\n\nexport function Users() {\n const [data, setData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [err, setErr] = useState(null);\n\n useEffect(() => {\n (async () => {\n try {\n const res = await fetch(\"/api/users\");\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n setData(await res.json());\n } catch (e: any) {\n setErr(e);\n } finally {\n setLoading(false);\n }\n })();\n }, []);\n\n if (loading) return ;\n if (err) return

Ошибка: {err.message}

;\n return

{u.name}

;\n}\n\nfunction Loader({ ariaLabel = \"Загрузка…\" }: { ariaLabel?: string }) {\n return (\n

\n );\n}"}]},{"type":"paragraph","attrs":{"textAlign":null}}]}

Как реализовать индикатор загрузки (Loader)?

Комментарии