useSetState

Wofür wird es benötigt

Dieser Hook bietet ein funktionales Gegenstück zur setState-Methode von React-Klassenkomponenten. Es hilft, ein Objekt mit vielen Feldern als Zustand zu verwenden und auf bequeme Weise nur das erforderliche Feld zu ändern.

Vorteile

Bequemes Arbeiten mit dem Zustand einer Komponente, die viele Zustände enthält, aber mit einem Hook implementiert wird. Ermöglicht es Ihnen, eine Menge Boilerplate-Code loszuwerden.

So starten Sie die Verwendung

Um diesen Hook zu verwenden, müssen Sie ihn in Ihr Projekt importieren:

import React from 'react';import { useSetState } from 'react-hooks-kit';
const Component = () => {  const { state, setState } = useSetState({ type: 'text', data: 'some text' });
  // Zustand vor Änderungen  console.log(state); // { type: 'text', data: 'some text' }
  // Schaltflächenkomponente  <button onClick={() => setState({ data: 'some updated text' })}>Aktualisieren Sie die Daten</button>
  // Zustand nach Änderungen  console.log(state); // { type: 'text', data: 'some updated text' }};

Zur Bedienung stehen folgende Funktionen zur Verfügung:

Optionen

Name	Art der	Beschreibung
state	T, unknown	Gibt den Zustand der Komponente zurück.
setState	() => void	Eine Funktion, die einen neuen Zustand festlegt.