Початок роботи
Встановлення
Щоб встановити 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, який ви можете переглянути тут.