Currency Converter
使用 <T> 组件
一起来开始翻译吧！
概览
终于轮到实际翻译了！
配置好 <T> 组件后，你就可以把应用翻译成任何你需要的语言。
具体来说，可分为两个步骤：
添加 <GTProvider> 组件
添加 <T> 组件
添加 <GTProvider> 组件
先在你的应用中添加 <GTProvider> 组件。
好处是这一步只需做一次。
import { GTProvider } from 'gt-next'
...
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<GTProvider> // [!code highlight]
{children}
</GTProvider> // [!code highlight]
</body>
</html>
);
}为什么需要使用 <GTProvider> 组件？
<GTProvider> 负责把翻译从服务器传递到客户端。
只要需要在客户端渲染 <T> 组件，就必须用 <GTProvider> 将其包裹。
可在此处了解更多关于 <GTProvider> 的说明。
添加 <T> 组件
你一直在等的部分……
现在只需在内容开头加上一个 <T>，并在末尾添加对应的闭合标签 </T>。
别忘了添加一个唯一的标识字符串，作为翻译的 id。
import { T } from 'gt-next'
...
function Page() {
...
return (
<T id="currency-converter"> // [!code highlight]
...
</T>
);
}
export default Page;就是这样！现在你已经可以开始为你的应用翻译了！
这份指南怎么样？