Pierwsze kroki
Instalacja
Aby zainstalować TacoTranslate w swoim projekcie, otwórz terminal i przejdź do katalogu głównego projektu. Następnie uruchom poniższe polecenie, aby zainstalować za pomocą npm:
npm install tacotranslate
Zakłada to, że masz już skonfigurowany projekt. Zobacz przykłady, aby uzyskać więcej informacji.
Podstawowe użycie
Poniższy przykład pokazuje, jak utworzyć klienta TacoTranslate, opakować aplikację przy użyciu providera TacoTranslate
, oraz użyć komponentu Translate
do wyświetlenia przetłumaczonych ciągów znaków.
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>
);
}
Przykład jest ustawiony na hiszpański (locale="es"
), więc Translate
komponent wyświetli "¡Hola, mundo!".
Przykłady
Przejdź do naszego folderu z przykładami na GitHubie, aby dowiedzieć się więcej o tym, jak skonfigurować TacoTranslate specjalnie dla twojego przypadku użycia, na przykład z Next.js App Router, lub przy użyciu Create React App.
Mamy też przygotowany CodeSandbox, który możesz sprawdzić tutaj.