内联翻译

使用 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> 
  );
}

想了解更多,请查看对应框架的参考文档:

这份指南怎么样?

内联翻译