内嵌翻译

借助 General Translation 的内嵌翻译功能,可直接在代码中翻译内容。

概览

内联翻译让你可以直接在代码中编写并翻译内容。

无需单独的字典或翻译文件。

这使你能轻松让 UI 与翻译保持同步,非常适合内容频繁变更或与组件高度耦合的项目。

为什么使用内联翻译?

  • 简单: 无需管理外部翻译文件。
  • 更少上下文切换: 内容与代码同处一处,减少来回切换。
  • 即时更新: 对文本的更改会立即同步到所有语言。
  • 易于维护: 无需担心更新翻译或清理未使用的条目。

无论是文本、HTML,还是 JSX,都可以进行翻译。 无需任何额外配置!

import { T } from 'gt-react';

export default function MyComponent() {
  return (
    <T>
      <h1>莎士比亚戏剧列表:</h1>
      <ul>
        <li>哈姆雷特</li>
        <li>仲夏夜之梦</li>
        <li>麦克白</li>
      </ul>
    </T> 
  );
}

如需了解更多,请查看相应框架的参考文档:

本指南如何?