usestate react что это

Аватар пользователя Aleksey
Aleksey
04 апреля 2023

useState - это один из хуков (hook), предоставляемых React, который позволяет добавлять состояние в функциональные компоненты.

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

Пример использования хука useState:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>You clicked {count} times.</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

В этом примере мы создали функциональный компонент Counter, который использует useState для добавления состояния.

Мы создали переменную count, которая хранит текущее значение состояния (в данном случае - число нажатий на кнопку). Также, создали функцию setCount, которая обновляет значение состояния. Мы передаем эту функцию в обработчик onClick кнопки, чтобы увеличить значение count при каждом нажатии.

Когда мы вызываем setCount с новым значением, React обновляет значение состояния и перерисовывает компонент, чтобы отобразить новое значение.

Таким образом, useState позволяет добавлять механизм управления состоянием в функциональные компоненты и обновлять компоненты при изменении состояния.

0 0
Познакомьтесь с основами JavaScript бесплатно