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 tacotranslate
Dies setzt voraus, dass Sie bereits ein Projekt eingerichtet haben. Siehe Beispiele für weitere Informationen.
Grundlegende Nutzung
Das folgende Beispiel zeigt, wie man einen TacoTranslate-Client erstellt, die 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 es Spanisch verwendet (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, z. B. mit dem Next.js App Router, oder durch die Verwendung von Create React App.
Wir haben auch einen CodeSandbox eingerichtet, den Sie hier ansehen können.