Pierwsze kroki
Instalacja
Aby zainstalować TacoTranslate w swoim projekcie, otwórz terminal i przejdź do katalogu głównego swojego projektu. Następnie uruchom następujące polecenie, aby zainstalować za pomocą npm:
npm install tacotranslate
Zakłada to, że masz już utworzony 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 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 użycie hiszpańskiego (locale="es"
), więc komponent Translate
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 używając Create React App.
Mamy również skonfigurowane CodeSandbox, które możesz obejrzeć tutaj.