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