Pierwsze kroki
Instalacja
Aby zainstalować TacoTranslate w swoim projekcie, otwórz terminal i przejdź do głównego katalogu swojego projektu. Następnie uruchom następujące 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, otoczyć swoją aplikację dostawcą TacoTranslate
oraz użyć komponentu Translate
do wyświetlania przetłumaczonych tekstó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 użycie hiszpańskiego (locale="es"
), więc komponent Translate
wyświetli "¡Hola, mundo!".
Przykłady
Przejdź do naszego folderu z przykładami na GitHub, 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 używając Create React App.
Mamy również przygotowany CodeSandbox, który możesz obejrzeć tutaj.