<Var>

概述

<Var> 组件用于渲染不应被翻译的内容。这对于渲染变量、代码片段或其他不应被翻译的内容非常有用。此外，这也适用于渲染需要保密的内容，例如 API 密钥或个人信息。

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

<Var> 组件始终在 <T> 组件内部使用。你可以将其视为用于动态值的通用组件，这些值不属于 <Currency>、<DateTime> 或 <Num> 这类类别。

参考

属性

Prop	Type	Default
`value??`	`string`	`undefined`
`name??`	`string`	`undefined`
`children??`	`JSX.Element`	`undefined`

描述

属性	描述
`children`	组件内部要渲染的内容。如果提供了该内容，将优先于 value 显示。
`value`	可选的默认值，当未提供 children 时显示。可以是字符串。

返回值

包含不应被翻译内容的 JSX.Element。

示例

基本示例

<Var> 组件必须在 <T> 组件内部使用。

Address.jsx

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

export default function Example(user) {
  return (
    <T>
      Translate this text!
      Your name is: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Do not translate this text</p></Var> // [!code highlight]
    </T>
  );
}

注意事项

Variable 组件对于在翻译中保持不可翻译的动态内容至关重要。
始终在 <T> 组件内使用 Variable 组件。
像 <Num>、<Currency> 和 <DateTime> 这样的组件提供本地化功能，以确保格式的准确性。

后续步骤

要深入了解 <Var> 组件以及其他变量组件（如 <Currency>、<DateTime> 和 <Num>）的讨论和使用示例，请参阅使用变量组件文档。
在 API 参考中了解更多关于特定变量组件的格式化选项。

<Var>

在本页面