useT hook

कभी-कभी तुम्हेंं साधारण एचटीएमएल कॉन्टेंट के अलावा किसी और चीज़ का अनुवाद करना होता है। इसके लिए, 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>;
};