覆盖翻译

问题

Lingo.dev 编译器 使用大型语言模型来翻译内容，这些模型本质上是非确定性的。然而，在某些情况下，您可能希望以特定方式翻译某段文本，而不是让模型自行决定。

解决方案

在 React 元素上使用 data-lingo-override-[locale] 属性，其中：

  • [locale] 是已配置目标语言的语言代码
  • 属性的值是该语言所需使用的文本

当编译器运行时，它会跳过翻译带有此属性的任何元素（针对指定的语言），而是使用提供的值。

您可以同时覆盖多个属性。

示例：覆盖翻译

export function App() {
  return <button data-lingo-override-es="¡Hola!">你好！</button>;
}

示例：覆盖多个翻译

export function App() {
  return (
    <button
      data-lingo-override-es="¡Hola!"
      data-lingo-override-fr="Bonjour!"
      data-lingo-override-pt="Olá!"
    >
      Hello!
    </button>
  );
}