Какво е състоянието на компонента?

Състоянието на компонент е набор от данни, които определят текущото поведение и визуализацията на компонента в потребителския интерфейс. В 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>
  );
}

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