Начало работы
Установка
Чтобы установить 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, который вы можете посмотреть здесь.