/
drndsv
/
react
Обзор
Документация
Войти
/
drndsv
/
react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Header/Header.jsx
35 строк
915 B
drndsv
ввводит с бэка данные
28 апр 2025, 16:02
28 апр 2025, 16:02
11f3df5
Код
Авторство
О чём код?
import { useEffect, useState } from "react"; import logo from "/logo-name.svg"; import { styled } from "styled-components"; // import "./Header.css"; // идея styled-components - прописываем стили непосредственно в javascript const HeaderContainer = styled.header` height: 50px; display: flex; padding: 0 2rem; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; background: #fafafa; `; export default function Header() { const [now, setNow] = useState(new Date()); useEffect(() => { const interval = setInterval(() => setNow(new Date()), 1000); return () => { clearInterval(interval); console.log("cleaning..."); }; }, []); return ( <HeaderContainer> <img src={logo} alt={"Result"} /> <span>Время сейчас: {now.toLocaleTimeString()}</span> </HeaderContainer> ); }