概览

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

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

<Var> 组件始终在 <T> 组件内部使用。 你可以把它看作是一个通用容器，用于承载不属于 <Currency>、<DateTime> 或 <Num> 范畴的动态值。

参考资料

Props

描述

返回值

包含不应翻译内容的 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>
  );
}

注意事项

• Variable Components 对在翻译中保留不可翻译的动态内容至关重要。
• 请始终在 <T> 组件内使用 Variable Components。
• <Num>、<Currency> 和 <DateTime> 等组件提供本地化能力，确保格式正确。

下一步

• 如需更深入地了解 <Var> 组件及其他变量组件（如 <Currency>、<DateTime> 和 <Num>）的用法与示例， 请参阅使用变量组件文档。
• 在 API 参考 中了解特定 Variable 组件的格式化 options 的更多信息。