В чем разница между useState и useRef

`useState` и `useRef` — оба хука React, но служат разным целям: 1. **useState** - Используется для управления состоянием компонента. - При изменении состояния (`setState`) компонент перерендеривается. - Пример: ```jsx const [count, setCount] = useState(0); // При клике компонент обновится setCount(count + 1)}>+ ``` 2. **useRef** - Возвращает мутабельный объект (`{ current: value }`), который сохраняется между рендерами. - Изменение `ref.current` **не** вызывает перерендер. - Часто используется для доступа к DOM или хранения мутабельных значений. - Пример: ```jsx const inputRef = useRef(null); // Фокус на инпут без перерендера inputRef.current.focus()}>Focus ``` **Ключевое отличие**: `useState` триггерит ререндер, `useRef` — нет.