/
dbataeva
/
tasksApp
Обзор
Документация
Войти
/
dbataeva
/
tasksApp
Код
Запросы
2
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
finalProject
appProject/src/features/previousInput/ui/PreviousInput.tsx
26 строк
702 B
Daria Bataeva
refactor(task7): move code into appProject folder
26 окт 2025, 14:56
26 окт 2025, 14:56
489b5b2
Код
Авторство
О чём код?
import React, { useCallback, useEffect, useRef, useState } from 'react'; import styles from './PreviousInput.module.css'; export const PreviousInput = () => { const prevValueRef = useRef(''); const [currentValue, setCurrentValue] = useState(''); const onValueChange = useCallback( (event: React.ChangeEvent<HTMLInputElement>) => { setCurrentValue(event.target.value); }, [setCurrentValue] ); useEffect(() => { prevValueRef.current = currentValue; }, [currentValue, prevValueRef]); return ( <div className={styles.container}> <input type='text' onChange={onValueChange} value={currentValue} /> Предыдущее значение: {prevValueRef.current} </div> ); };