Обзор

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

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

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

Справка

Свойства

Описание

Возвращает

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

Примеры

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

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

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

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.