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