Първи стъпки
Инсталиране
За да инсталирате 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, който можете да разгледате тук.