State в React — это встроенный механизм для хранения и управления изменяемыми данными внутри компонента. Он позволяет компоненту реагировать на изменения данных и автоматически перерендериваться. **Основные причины использования state:** - Локальное хранение данных, которые могут меняться (например, форма ввода, флаги). - Обеспечение реактивности — при изменении state компонент перерисовывается. - Изоляция данных внутри компонента (не требует глобального хранилища для простых случаев). **Пример:** ``` import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); // Инициализация state return ( <div> <p>Count: {count}</p> <button onClick={() => setCount(count + 1)}>Increment</button> </div> ); } ``` Здесь `count` — состояние, а `setCount` — функция для его обновления. При клике состояние меняется, и компонент перерисовывается.