/
lizardking
/
react_project
Обзор
Документация
Войти
/
lizardking
/
react_project
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/features/refExample/ui/PreviousInput.tsx
32 строки
1 KB
LizardKing
Task 5 - styles
17 окт 2025, 14:23
17 окт 2025, 14:23
4ba1ff3
Код
Авторство
О чём код?
import React from 'react' import { Input } from 'shared/ui/Input' import { Section } from 'shared/ui/Section' import { usePreviousInput } from '../model/usePreviousInput' export function PreviousInput() { const { value, setValue, previousValueRef } = usePreviousInput() const previousValue = previousValueRef.current ?? '—' const onChange = (event: React.ChangeEvent<HTMLInputElement>) => setValue(event.target.value) return ( <Section title="PreviousInput"> <div className="space-y-3"> <Input id="previous" value={value} onChange={onChange} placeholder="Печатай что-нибудь" title="Ввод" /> <div className="flex items-start gap-2"> <span className="shrink-0 text-slate-400">Предыдущее значение:</span> <span className="flex-1 min-w-0 truncate text-slate-400" title={previousValue}> {previousValue} </span> </div> </div> </Section> ) }