Ξεκινώντας
Εγκατάσταση
Για να εγκαταστήσετε το TacoTranslate στο έργο σας, ανοίξτε το τερματικό σας και μεταβείτε στον ριζικό κατάλογο του έργου σας. Στη συνέχεια, εκτελέστε την ακόλουθη εντολή για να το εγκαταστήσετε χρησιμοποιώντας npm:
npm install tacotranslate
Αυτό προϋποθέτει ότι έχετε ήδη ρυθμίσει ένα έργο. Δείτε παραδείγματα για περισσότερες πληροφορίες.
Βασική χρήση
Το παρακάτω παράδειγμα δείχνει πώς να δημιουργήσετε έναν client του 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 ρυθμισμένο που μπορείτε να δείτε εδώ.