Обзор

Компонент <Var> используется для вывода содержимого, которое не должно переводиться. Это полезно для отображения переменных, фрагментов кода или другого содержимого, которое не следует переводить. Также подходит для вывода конфиденциальных данных, например ключей API или персональной информации.

<Var>{user.name}</Var>

Компонент <Var> всегда используется внутри компонента <T>. Рассматривайте его как универсальный вариант для динамических значений, которые не относятся к категориям <Currency>, <DateTime> или <Num>.

Справка

Пропсы

Описание

Возвращает

JSX.Element, содержащий содержимое, которое не должно переводиться.

Примеры

Базовый пример

Компонент <Var> необходимо использовать внутри компонента <T>.

import { T, Var } from 'gt-next'

export default function Example(user) {
  return (
    <T>
      Переведите этот текст!
      Ваше имя: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Не переводить этот текст</p></Var> // [!code highlight]
    </T>
  );
}

Примечания

• Компоненты переменных важны для сохранения непереводимого динамического контента в переводах.
• Всегда используйте компоненты переменных внутри компонента <T>.
• Компоненты вроде <Num>, <Currency> и <DateTime> обеспечивают локализацию и корректное форматирование.

Следующие шаги

• Подробное обсуждение и примеры использования компонента <Var> и других компонентов переменных, таких как <Currency>, <DateTime> и <Num>, см. в руководстве Использование компонентов переменных.
• Подробнее о параметрах форматирования для отдельных компонентов переменных — в справочнике по API.