Wie rendere ich Komponenten dynamisch nach Typ in React?

Komponenten dynamisch nach Typ rendern

Problem:

Die Entwicklung dynamischer Komponenten basierend auf ihrem Typ stellt eine Herausforderung dar, da sie einfach verkettet werden müssen Ein String mit „Component“ führt zu einer falschen Syntax. Das Erstellen neuer Methoden für jede Komponente zur Lösung dieses Problems wird arbeitsintensiv.

Lösung:

Verwendung eines modernen Ansatzes, der in der offiziellen ReactJS-Dokumentation vorgeschlagen wird:

const Component = React.createElement(type, props);

Erklärung:

Anstatt die String-Verkettungsmethode zu verwenden, die ein HTML-Tag oder eine ReactClass-Funktion erwartet, verwendet die obige Lösung React.createElement direkt. Es akzeptiert zwei Parameter: den Komponententyp als String oder Funktion und ein optionales Objekt mit den Requisiten der Komponente. Dieser Ansatz macht die Benennung von Variablen mit Großbuchstaben überflüssig und bietet eine elegantere Lösung.

Das obige ist der detaillierte Inhalt vonWie rendere ich Komponenten dynamisch nach Typ in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!