useT hook

Terkadang Anda perlu menerjemahkan sesuatu selain konten HTML biasa. Untuk ini, Magic Translate menawarkan useT hook. Anda dapat menggunakannya, misalnya, untuk menerjemahkan props.

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

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

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

Anda dapat menggunakan fungsi t() di mana saja di dalam komponen Anda. Anda juga dapat menggunakannya dalam markup Anda alih-alih komponen <T> jika Anda mau.

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

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

Pilihan

Anda dapat meneruskan opsi yang sama ke t() seperti ke komponen <T>, misalnya formality.

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

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