useT hook

Đôi khi bạn cần dịch một cái gì đó khác với nội dung HTML đơn giản. Đối với điều này, Magic Translate cung cấp useT hook. Bạn có thể sử dụng nó, ví dụ, để dịch props.

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

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

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

Bạn có thể sử dụng hàm t() bất cứ nơi nào bên trong thành phần của bạn. Bạn cũng có thể sử dụng nó trong đánh dấu của mình thay vì thành phần <T> nếu bạn thích.

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

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

Tùy chọn

Bạn có thể truyền các tùy chọn tương tự cho t() như cho thành phần <T>, ví dụ formality.

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

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