Začínáme
Instalace
Chcete-li nainstalovat TacoTranslate ve svém projektu, otevřete terminál a přejděte do kořenního adresáře vašeho projektu. Poté spusťte následující příkaz pro instalaci pomocí npm:
npm install tacotranslate
Toto předpokládá, že již máte projekt nastavený. Podívejte se na příklady pro více informací.
Základní použití
Níže uvedený příklad ukazuje, jak vytvořit klienta TacoTranslate
, obalit vaši aplikaci poskytovatelem TacoTranslate
, a použít komponentu Translate
pro zobrazení přeložených textů.
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>
);
}
Příklad je nastaven na použití španělštiny (locale="es"
), takže komponenta Translate
zobrazí "¡Hola, mundo!".
Příklady
Přejděte do naší složky příkladů na GitHubu, kde se dozvíte více o tom, jak nastavit TacoTranslate konkrétně pro váš případ použití, například s Next.js App Router nebo použitím Create React App.
Máme také nastavený CodeSandbox, který si můžete prohlédnout zde.