Dokumentacja

Funkcja tłumaczenia

Czasami musisz przetłumaczyć zawartość, która nie jest częścią Twojego JSX, na przykład metadane strony Next.js. Funkcja t() zwrócona przez createLocalizedT tłumaczy dowolny ciąg znaków.

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')
  };
}

Możesz także wywołać funkcję translate bezpośrednio z konfiguracji. Akceptuje język, tekst do przetłumaczenia i obiekt ustawień opcjonalnych i zwraca obietnicę, która rozwiązuje tłumaczenie.

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


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

Obaj przyjmują id, aby samodzielnie edytować to użycie tekstu:

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


const translation = await translate(Language.DE, 'Save', {
  id: 'checkout-save'
});
PoprzednieKomponenty serwera ReactKolejnyAngular