Как подключить состояние в компоненте с помощью useState
Python
Middle
Без компании
Как подключить состояние в компоненте с помощью useState
Ответы
В React (или React с TypeScript) для управления состоянием в функциональных компонентах используется хук `useState`.
```
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // Инициализация состояния
return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(count + 1)}>Increment</button>
</div>
);
}
```
**Ключевые моменты:**
- `useState` возвращает массив из текущего состояния (`count`) и функции для его обновления (`setCount`).
- Начальное значение (`0`) задаётся при вызове `useState`.
- Обновление состояния происходит через `setCount`, что приводит к ререндеру компонента.
- Можно использовать несколько `useState` для разных состояний.
Для сложных типов (объекты, массивы) важно учитывать иммутабельность.