useSetState

Для чего нужен

Данный хук представляет функциональный аналог setState метода из классовых компонентов React. Он помогает использовать в качестве состояние объект с множеством полей, и изменять лишь нужное поле удобным способом.

Преимущества

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

Как начать использовать

Для того чтобы начать использовать этот хук, вам нужно импортировать его в проект:

import React from 'react';import { useSetState } from 'react-hooks-kit';
const Component = () => {  const { state, setState } = useSetState({ type: 'text', data: 'some text' });
  // Состояние до изменений  console.log(state); // { type: 'text', data: 'some text' }
  // Компонент кнопки  <button onClick={() => setState({ data: 'some updated text' })}>Обновить данные</button>
  // Состояние после изменений  console.log(state); // { type: 'text', data: 'some updated text' }};

Доступны следующие функции для работы:

Параметры

Название	Тип	Описание
state	T, unknown	Возвращает состояние компонента.
setState	() => void	Функция, которая устанавливает новое состояние.