Gibt es eine Möglichkeit, React Component als String statt als Objekt zurückzugeben? ⇐ HTML

[Anonymous]

Ich möchte ein mehrsprachiges System einführen.
Ich habe eine Funktionskomponente, die eine Übersetzung eines bestimmten Elements basierend auf der ausgewählten Sprache (von der Kontext-API) zurückgibt.

Alles funktioniert gut, bis ich das übersetzte Element in das Formular einfüge (Optionswert, Platzhalter usw.) – dann erscheint es als [Objektobjekt].

Da entstehen zwei Fragen:

• Ist es möglich, diese Komponente als eine Art Zeichenfolge zurückzugeben, die HTML-Formulare akzeptieren würden?
• Ist es möglich, den Kontextkonsumenten auf eine reine JS-Funktion anzuwenden, sodass keine React-Komponente, sondern ein primitiver Wert zurückgegeben wird?

Übersetzungskomponente:

Code: Select all

const Translation = ({ element }) => {
let translation;

return (

{({ language }) => {
switch (language) {
case "pl":
translation = plTranslation;
break;

case "en":
translation = enTranslation;
break;

default:
translation = enTranslation;
}

return translation[element];
}}

);
};

Beispiel:

Code: Select all

Vielen Dank im Voraus für Ihre Hilfe.