Каким образом осуществляется управление состоянием внутри функционального компонента с использованием хука useState?

В функциональных компонентах React управление состоянием осуществляется с помощью хука useState. Он позволяет объявить состояние и функцию для его обновления. При вызове useState передается начальное значение, и возвращается массив из двух элементов: текущего значения состояния и функции для его изменения.

Пример:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // count — текущее состояние, setCount — функция обновления

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

При вызове setCount React обновляет состояние и перерисовывает компонент с новым значением. Таким образом, useState обеспечивает локальное состояние внутри функционального компонента.