Започнуваме
Инсталација
За да го инсталирате TacoTranslate во вашиот проект, отворете ја вашата конзола и навигирајте до главниот фолдер на вашиот проект. Потоа, извршете ја следната команда за инсталирање со помош на npm:
npm install tacotranslate
Ова претпоставува дека веќе имате поставен проект. Погледнете примери за повеќе информации.
Основна употреба
Следниот пример демонстрира како да се создаде клиент на TacoTranslate, да се омота вашата апликација со провајдерот TacoTranslate
, и да се користи компонентата Translate
за прикажување преведени низи.
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>
);
}
Примерот е поставен да го користи шпанскиот (locale="es"
), па затоа Translate
компонентата ќе го прикаже "¡Hola, mundo!".
Примери
Одете на нашата папка со примери на GitHub за да дознаете повеќе за тоа како да го поставите TacoTranslate специфично за вашиот случај на употреба, на пример со Next.js App Router или користејќи Create React App.
Ние исто така имаме поставено CodeSandbox кое можете да го погледнете тука.