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