logo

TechCodeview

ReactJS-Funktionskomponenten

Funktionskomponente ist eine Möglichkeit, Komponenten in einer React-Anwendung zu erstellen. React.js Functional Components hilft dabei, UI-Komponenten auf funktionale und prägnante Weise zu erstellen. In diesem Artikel lernen wir funktionale Komponenten in React kennen, verschiedene Möglichkeiten, die funktionale Komponente aufzurufen, und lernen auch, wie man die funktionalen Komponenten erstellt. Außerdem demonstrieren wir den Einsatz von Haken in Funktionsbauteilen

Inhaltsverzeichnis



Funktionskomponenten in React:

ReactJS Funktionskomponenten sind einige der häufigsten Komponenten, auf die man bei der Arbeit in React stößt. Dies sind einfach JavaScript-Funktionen. Wir können eine funktionale Komponente in React erstellen, indem wir eine JavaScript-Funktion schreiben. Diese Funktionen können Daten als Parameter empfangen oder auch nicht. In den funktionalen Komponenten ist der Rückgabewert der JSX-Code, der im DOM-Baum gerendert werden soll.

Möglichkeiten zum Aufrufen der Funktionskomponente:

Wir können die Funktionen in JavaScript auf andere Weise wie folgt aufrufen:

1. Rufen Sie die Funktion auf, indem Sie den Namen der Funktion gefolgt von den Klammern verwenden.

) : ( 'Ein Informatikportal für Geeks' /> )} ); }; Standard-PropsExample exportieren;Schritt zum Ausführen der Anwendung: Öffnen Sie das Terminal und geben Sie den folgenden Befehl ein. npm start Ausgabe: Öffnen Sie den Browser und unser Projekt wird in der URL http://localhost:3000/>'> angezeigt