`useT` hook

Bazen düz HTML içeriğinden başka bir şeyi çevirmeniz gerekir. Bunun için Magic Translate, useT hook 'yi sunar. Örneğin props 'ı çevirmek için kullanabilirsiniz.

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

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

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

t() işlevini bileşeninizin herhangi bir yerinde kullanabilirsiniz. İsterseniz <T> bileşeni yerine işaretlemenizde de kullanabilirsiniz.

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

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

Seçenekler

t() öğesine <T> bileşeniyle aynı seçenekleri iletebilirsiniz, örneğin formality.

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

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

useT hook

Seçenekler

`useT` hook