Erste Schritte
Installation
Um TacoTranslate in Ihrem Projekt zu installieren, öffnen Sie Ihr Terminal und navigieren Sie zum Stammverzeichnis Ihres Projekts. Führen Sie dann den folgenden Befehl aus, um mit npm zu installieren:
npm install tacotranslateDies setzt voraus, dass Sie bereits ein Projekt eingerichtet haben. Siehe Beispiele für weitere Informationen.
Grundlegende Verwendung
Das folgende Beispiel zeigt, wie man einen TacoTranslate-Client erstellt, Ihre Anwendung mit dem TacoTranslate Provider umschließt und die Translate Komponente verwendet, um übersetzte Zeichenketten anzuzeigen.
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>
);
}Das Beispiel ist so eingestellt, dass Spanisch verwendet wird (locale="es"), daher gibt die Translate Komponente "¡Hola, mundo!" aus.
Beispiele
Besuchen Sie unseren GitHub-Beispielordner, um mehr darüber zu erfahren, wie Sie TacoTranslate speziell für Ihren Anwendungsfall einrichten, zum Beispiel mit dem Next.js App Router oder mit Create React App.
Wir haben außerdem einen CodeSandbox eingerichtet, den Sie hier ansehen können.