Какво е state в React и защо е нужен?

State в React е обект, който съхранява данните на компонента, влияещи на неговото визуализиране и поведение. Той е необходим, за да могат компонентите да реагират на промени в данните и да актуализират UI-то динамично.

Например, ако имате бутон, който променя текста при клик, състоянието съхранява текущия текст и при актуализиране на state, React преизобразява компонента:

import React, { useState } from 'react';

function Example() {
  const [text, setText] = useState('Кликни ме');

  return (
    <button onClick={() => setText('Благодаря!')}>{text}</button>
  );
}

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