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