Зачем нужен 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 позволяет создавать интерактивные и динамичные интерфейсы.