# General Translation React SDKs (gt-react, gt-next, gt-react-native): `<Tx>`
URL: https://generaltranslation.com/ru/docs/react/nextjs/reference/components/tx.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Переводите JSX во время обработки запроса в серверных компонентах Next.js App Router. Справочник 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>;
}
```

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.