入门指南
安装
要在您的项目中安装 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,你可以在这里 查看。