Verwenden Sie die benutzerdefinierten Hooks in React, richtig?

Benutzerdefinierte Hooks sind Methoden, die uns helfen, Funktionen außerhalb der Komponente zu erstellen und zu verwalten, die in verschiedenen Komponenten der Anwendung wiederverwendet und aufgerufen werden können.
Kommt es Ihnen bekannt vor? Ja, es handelt sich im Grunde genommen um Util-Funktionen, die wir in der Regel in utils.js behalten, als wir vor dem Hooks-Sturm gearbeitet haben oder bevor wir überhaupt begonnen haben, Bibliotheken wie React oder Angular zu verwenden.

Außerdem ist dies ein gutes Beispiel für die Abhängigkeitsinversion in S.O.L.I.D-Prinzipien.

Anstatt sie als Funktionen in einer js-Datei zu behalten, behalten wir sie hier als Hooks, die oben in der Komponente aufgerufen werden können.

Warum einen benutzerdefinierten Haken verwenden?

Wenn die Anwendung größer wird, ist es wichtig, die Logik außerhalb der Komponente zu abstrahieren, damit sie wiederverwendet werden kann. Es hilft uns, die Modularität des Codes zu verbessern. Indem Sie solche Logiken nach außen verschieben, können Sie viele Komponenten einfach als Präsentationskomponenten behalten.

Durch die Erstellung Ihres eigenen benutzerdefinierten Hooks können Sie auf die Verwendung einer externen Bibliothek zum Hinzufügen neuer Funktionen verzichten und sparen so Platz und Wartungskosten.

Da benutzerdefinierte Hooks wie integrierte Hooks über der Komponente verwendet werden sollen, können Sie useState, useEffect oder sogar benutzerdefinierte Hooks innerhalb derselben verwenden.

Wichtige Punkte beim Erstellen eines Hooks

• Beginnen Sie mit dem Schlüsselwort „use“.
• Behalten Sie das SOLID-Prinzip im Hinterkopf – der Haken sollte nur eine Sache tun.
• Definieren Sie vorher die Typen für Parameter – wenn Typoskript – großartig.
• Sollte nur an der Spitze der Komponente verwendet werden, an der Sie konsumieren
• Fügen Sie keine neuen Parameter oder Optionen hinzu, weil Sie davon ausgehen, dass diese in der Zukunft verfügbar sein könnten. Lassen Sie Raum für Skalierung; Bei Bedarf können wir die Fähigkeiten des Hakens erweitern

Den vollständigen Artikel finden Sie im mittleren Blog.

Das obige ist der detaillierte Inhalt vonVerwenden Sie die benutzerdefinierten Hooks in React, richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!