Il `useT` hook

A volte devi tradurre qualcosa di diverso dal semplice contenuto HTML. Per questo, Magic Translate offre il useT hook. Puoi usarlo, ad esempio, per tradurre props.

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

const MyComponent = () => {
  const t = useT();

  return (
    <button aria-label={t('Main menu')}>
      <HamburgerIcon />
    </button>
  );
};

Puoi usare la funzione t() ovunque all'interno del tuo componente. Puoi anche usarlo nel tuo markup al posto del componente <T>, se preferisci.

const MyComponent = () => {
  const t = useT();

  return <p>{t('This will be translated')}</p>;
};

Opzioni

Puoi passare a t() le stesse opzioni del componente <T>, ad esempio formality.

const MyComponent = () => {
  const t = useT();

  return <button>{t('Please click here', { formality: 'formal' })}</button>;
};

Il useT hook

Opzioni

Il `useT` hook