`useT` hook

Czasami trzeba przetłumaczyć coś innego niż zwykła zawartość HTML. W tym celu Magic Translate oferuje useT hook. Możesz go użyć, na przykład, do przetłumaczenia props.

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

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

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

Funkcję t() można używać w dowolnym miejscu wewnątrz komponentu. Możesz również użyć go w znaczniku zamiast składnika <T>, jeśli wolisz.

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

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

Opcje

Możesz przekazać te same opcje do t(), co do komponentu <T>, na przykład formality.

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

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

useT hook

Opcje

`useT` hook