{"id":14053,"date":"2025-09-03T10:49:24","date_gmt":"2025-09-03T10:49:24","guid":{"rendered":"https:\/\/ptc.wpml.org\/documentation\/react-apps-mit-ki-in-menschlicher-qualitaet-uebersetzen\/"},"modified":"2026-03-13T08:15:33","modified_gmt":"2026-03-13T08:15:33","slug":"react-apps-mit-ki-in-menschlicher-qualitaet-uebersetzen","status":"publish","type":"documentation","link":"https:\/\/ptc.wpml.org\/de\/documentation\/react-apps-mit-ki-in-menschlicher-qualitaet-uebersetzen\/","title":{"rendered":"React-\u00dcbersetzung mit react-i18next: Ein vollst\u00e4ndiger Leitfaden"},"content":{"rendered":"\n
\n
\n

Erfahren Sie, wie Sie eine React-App mit react-i18next \u00fcbersetzen \u2013 einschlie\u00dflich React-Internationalisierung, Pluralformen, dynamischer Inhalte und der \u00dcbersetzung von JSON-Dateien.<\/p>\n\n\n\n

Am Ende dieses Leitfadens verf\u00fcgen Sie \u00fcber ein funktionierendes React-Lokalisierungs-Setup, das Sprachen in Echtzeit umschaltet und f\u00fcr so viele Sprachen bereit ist, wie Sie ben\u00f6tigen.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

React-Internationalisierungsbeispiel<\/h2>\n\n\n\n

Die folgenden Schritte f\u00fchren Sie durch ein vollst\u00e4ndiges React-i18n-Beispiel \u2013 einschlie\u00dflich der Initialisierung von i18next, dem \u00dcbersetzen von Text, dem Umgang mit Pluralisierung und dem Hinzuf\u00fcgen eines Sprachumschalters.<\/p>\n\n\n\n

Sie k\u00f6nnen der vollst\u00e4ndigen React-Lokalisierungs-Demo auf GitHub<\/a> folgen.<\/p>\n\n\n\n

\n
\n

1<\/p><\/div>\n<\/div>\n\n\n\n

Richten Sie Ihre React-App ein <\/h2>\n<\/div>\n\n\n\n

Dieser Leitfaden verwendet eine React+TypeScript-App, die mit Vite erstellt wurde. Wenn Sie react-i18next zu einer bestehenden App hinzuf\u00fcgen, springen Sie zu Schritt 2<\/a>. <\/p>\n\n\n\n

Um eine neue React + TypeScript-App zu erstellen, f\u00fchren Sie Folgendes aus:<\/p>\n\n\n\n