Что такое состояние компонента?

Состояние компонента — это набор данных, которые определяют текущее поведение и отображение компонента в пользовательском интерфейсе. В React, например, состояние хранится внутри компонента и может изменяться со временем, вызывая повторный рендер для обновления UI.

Пример: счетчик, который увеличивается при клике, хранит текущее значение в состоянии.

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Счетчик: {count}</p>
      <button onClick={() => setCount(count + 1)}>Увеличить</button>
    </div>
  );
}

Таким образом, состояние позволяет компоненту быть интерактивным и динамически реагировать на действия пользователя или другие события.