Začínáme
Instalace
Chcete-li nainstalovat TacoTranslate do svého projektu, otevřete terminál a přejděte do kořenového adresáře svého 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
k zobrazení přeložených řetězců.
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 pro použití španělštiny (locale="es"
), takže komponenta Translate
zobrazí "¡Hola, mundo!".
Příklady
Přejděte do naší složky s příklady 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 při použití Create React App.
Máme také nastavený CodeSandbox, který si můžete prohlédnout zde.