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

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

Пример с функциональным компонентом:

import React, { useState } from 'react';

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

  const increment = () => {
    setCount(prevCount => prevCount + 1); // обновляем состояние
  };

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

При вызове setCount React планирует обновление компонента с новым значением состояния, что приводит к повторному рендеру с обновлёнными данными.

Важно обновлять состояние через функции обновления, если новое значение зависит от предыдущего, чтобы избежать проблем с асинхронностью.