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 es mit npm zu installieren:
npm install tacotranslate
Dies setzt voraus, dass Sie bereits ein Projekt eingerichtet haben. Siehe Beispiele für weitere Informationen.
Grundlegende Verwendung
Das folgende Beispiel zeigt, wie Sie einen TacoTranslate-Client erstellen, Ihre Anwendung mit dem TacoTranslate
Provider umschließen und die Translate
Komponente verwenden, 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"
), sodass die Translate
Komponente "¡Hola, mundo!" ausgibt.
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 ein CodeSandbox eingerichtet, das Sie hier ansehen können.