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. Beispiele ansehen für weitere Informationen.
Grundlegende Verwendung
Das folgende Beispiel zeigt, wie man einen TacoTranslate-Client erstellt, Ihre Anwendung mit dem TacoTranslate Provider umgibt 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
Gehe zu unserem GitHub-Beispielordner, um mehr darüber zu erfahren, wie man TacoTranslate speziell für deinen Anwendungsfall einrichtet, zum Beispiel mit dem Next.js App Router oder der Nutzung von Create React App.
Wir haben auch einen CodeSandbox eingerichtet, den Sie hier ansehen können.