Встречается на 1% собеседований по Python

Как подключить состояние в компоненте с помощью useState

В React (или React с TypeScript) для управления состоянием в функциональных компонентах используется хук useState.

jsx

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>
);
}

text


**Ключевые моменты:**  
- `useState` возвращает массив из текущего состояния (`count`) и функции для его обновления (`setCount`).  
- Начальное значение (`0`) задаётся при вызове `useState`.  
- Обновление состояния происходит через `setCount`, что приводит к ререндеру компонента.  
- Можно использовать несколько `useState` для разных состояний.  

Для сложных типов (объекты, массивы) важно учитывать иммутабельность.

Следующий вопрос

Это единственный вопрос по вашему фильтру

Как подключить состояние в компоненте с помощью useState

Следующий вопрос

Похожие вопросы