# General Translation React SDKs (gt-react, gt-next): Tx
URL: https://generaltranslation.com/ru/docs/react/nextjs/reference/components/tx.mdx
---

title: Tx
description: Переводите JSX во время обработки запроса в серверных компонентах Next.js App Router с помощью General Translation. Справочник API для Tx.

---

Компонент `<Tx>` переводит JSX во время обработки запроса через API General Translation. Используйте его для динамического контента, который неизвестен на этапе сборки; для статического исходного контента используйте [`<T>`](/docs/react/reference/components/t).

`<Tx>` работает только на сервере и не поддерживается в Pages Router.

## Обзор [#overview]

```tsx
import { Tx } from 'gt-next/server';

<Tx context="Greeting loaded at request time">Welcome back</Tx>;
```

## Пропсы [#props]

| Пропс        | Описание                                                  | Тип         | Необязательный | По умолчанию           |
| ------------ | --------------------------------------------------------- | ----------- | -------------- | ---------------------- |
| `children`   | Содержимое JSX для перевода.                              | `ReactNode` | Нет            | —                      |
| `context`    | Контекст, помогающий выбрать перевод.                     | `string`    | Да             | —                      |
| `maxChars`   | Максимальная длина переведённого текста.                  | `number`    | Да             | —                      |
| `locale`     | Переопределение целевой локали.                           | `string`    | Да             | Текущая локаль запроса |
| `[variable]` | Именованная переменная, вставляемая в переведённый текст. | `ReactNode` | Да             | —                      |

## Возвращает [#returns]

**Тип** `Promise<ReactNode>`

## Пример [#example]

```tsx title="app/profile/page.tsx"
import { Tx } from 'gt-next/server';

export default async function ProfilePage() {
  return <Tx context="Account page heading">Welcome back</Tx>;
}
```