`useT` hook

Иногда вам нужно перевести что-то иное, чем простой HTML-контент. Для этого Magic Translate предлагает useT hook. Вы можете использовать его, например, для перевода props.

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

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

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

Функцию t() можно использовать в любом месте компонента. Вы также можете использовать ее в своей разметке вместо компонента <T>, если хотите.

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

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

Опции

В t() можно передать те же параметры, что и компоненту <T>, например formality.

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

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

useT hook

Опции

`useT` hook