入门
安装
要在你的项目中安装 TacoTranslate,请打开终端并切换到项目根目录。然后运行以下命令使用 npm 安装:
npm install tacotranslate
假设您已完成项目设置。查看示例以获取更多信息。
基本用法
下面的示例演示如何创建一个 TacoTranslate 客户端,使用 TacoTranslate
提供者包裹你的应用程序,并使用 Translate
组件来显示翻译后的字符串。
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
该示例设置为使用西班牙语 (locale="es"
),因此 Translate
组件将输出 "¡Hola, mundo!".
示例
请前往 我们的 GitHub 示例文件夹 了解如何针对您的用例设置 TacoTranslate,例如与 Next.js App Router 配合,或使用 Create React App。
我们还设置了一个 CodeSandbox,你可以 在这里查看。