Dokumentation

Die Übersetzungsfunktion

Manchmal musst du Inhalte übersetzen, die nicht Teil deines JSX sind, zum Beispiel die Metadaten einer Seite mit Next.js. Die von createLocalizedT zurückgegebene Funktion t() übersetzt eine beliebige Zeichenfolge.

import type { Metadata } from 'next';
import { createLocalizedT } from '@magic-translate/react-ssr';
import { translate } from '@/lib/translate';


export async function generateMetadata({
  params
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  const { t } = createLocalizedT(translate, locale);


  return {
    title: await t('This page title will be translated'),
    description: await t('And so will this description')
  };
}

Du kannst die Funktion translate auch direkt aus dem Setup heraus aufrufen. Es akzeptiert eine Sprache, den zu übersetzenden Text und ein optionales Einstellungsobjekt und gibt eine Zusage zurück, die zur Übersetzung führt.

import { Language } from '@magic-translate/react-ssr';


const translation = await translate(
  Language.ZH,
  'This sentence will be translated to Chinese'
);

Beide nehmen ein id, um diese Verwendung des Textes eigenständig zu bearbeiten:

const title = await t('Save', { id: 'checkout-save' });


const translation = await translate(Language.DE, 'Save', {
  id: 'checkout-save'
});
BisherigeReact-ServerkomponentenAls NächstesAngular