Amfani da TacoTranslate
Fassara igiyoyi
A halin yanzu akwai hanyoyi guda uku na fassara strings: Kayan Translate
, haƙar useTranslation
, ko kayan aiki na translateEntries
.
Amfani da Translate
sashi.
Yana fitar da fassarar cikin span
abu, kuma yana goyon bayan nuna HTML.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
Kuna iya canza nau'in abun ta amfani da, misali, as="p"
a kan kayan haɗin.
Amfani da useTranslation
hook.
Yana mayar da fassarar a matsayin rubutu kai tsaye. Yana da amfani misali a cikin meta
tags.
import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';
function Page() {
const helloWorld = useTranslation('Hello, world!');
useEffect(() => {
alert(helloWorld);
}, [helloWorld]);
return (
<title>{useTranslation('My page title')}</title>
);
}
Amfani da kayan aikin translateEntries
.
Fassara zaren kalmomi a gefen uwar garke. Kara ƙarfi ga hotunan OpenGraph ɗinka.
import {createEntry, translateEntries} from 'tacotranslate';
async function generateMetadata(locale = 'es') {
const title = createEntry({string: 'Hello, world!'});
const description = createEntry({string: 'TacoTranslate on the server'});
const translations = await translateEntries(
tacoTranslate,
{origin: 'opengraph', locale},
[title, description]
);
return {
title: translations(title),
description: translations(description)
};
}
Yadda ake fassara igiyoyi
Lokacin da igiyoyi suka isa sabobinmu, da farko muna tabbatar da su kuma muna adana su, sannan nan take muna mayar da fassarar na’ura. Duk da yake fassarar na’ura gabaɗaya tana da ƙananan inganci idan aka kwatanta da fassarar AI ɗinmu, suna ba da saurin amsa na farko.
A lokaci guda, muna ƙaddamar da aikin fassara marar tsari don ƙirƙirar fassarar AI mai inganci, ta zamani don layinka. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar na'ura kuma za a tura ta duk lokacin da ka nemi fassarar layukanka.
Idan kun fassara wata ƙaƙƙarfan saƙo da hannu, waɗancan fassarorin su ne za su fi samun fifiko kuma su dawo maimakon haka.
Amfani da tushe
TacoTranslate ayyuka suna dauke da abin da muke kira origins. Ka dauke su a matsayin wuraren shiga, manyan fayiloli, ko kungiyoyi don layukan rubutunka da fassarorinka.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}
Asalin sun ba ku damar raba igiyoyi cikin kwantena masu ma’ana. Alal misali, za ku iya samun asali guda ɗaya don takardun bayani da wani don shafin tallan ku.
Don samun cikakken iko, za ku iya saita origins a matakin ƙimar kayan aiki.
Don cimma wannan, yi la’akari da amfani da masu samar da TacoTranslate da yawa a cikin aikace-aikacenka.
Da fatan za a lura cewa ana iya samun fassarar daban-daban na wannan layi a cikin asali daban-daban.
A ƙarshe, yadda kake rarraba ƙaƙƙarfan rubutu cikin tushe-tushe ya dogara ne da kai da bukatunka. Duk da haka, lura cewa samun ƙaƙƙarfan rubutu da yawa a cikin tushe ɗaya na iya haɓaka lokacin ɗora su.
Sarrafa canje-canje
Ya kamata koyaushe ku yi amfani da canje-canje don abubuwan da ke canzawa, kamar sunayen masu amfani, kwanaki, adireshin imel, da sauransu.
Ana bayyana ƙididdiga a cikin igiyoyi ta amfani da madogarar guda biyu, kamar {{variable}}
.
import {Translate} from 'tacotranslate/react';
function Greeting() {
const name = 'Juan';
return <Translate string="Hello, {{name}}!" variables={{name}} />;
}
import {useTranslation} from 'tacotranslate/react';
function useGreeting() {
const name = 'Juan';
return useTranslation('Hello, {{name}}!', {variables: {name}});
}
Gudanar da abun ciki na HTML
A daidai lokacin da aka kafa, Translate
bangare yana goyon baya kuma yana nuna abun cikin HTML. Duk da haka, za ka iya dakatar da wannan hali ta hanyar saita useDangerouslySetInnerHTML
zuwa false
.
Ana sosai ba da shawarar kashe nuna HTML lokacin fassara abubuwan da ba a yarda da su ba, kamar abun da masu amfani suka ƙirƙira.
Dukkan fitarwa ana tsaftace su koyaushe tare da sanitize-html kafin a nuna su.
import {Translate} from 'tacotranslate/react';
function Page() {
return (
<Translate
string={`
Welcome to <strong>my</strong> website.
I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
`}
variables={{url: 'https://tacotranslate.com'}}
useDangerouslySetInnerHTML={false}
/>
);
}
Za a nuna misalin da ke sama a matsayin rubutu mai sauƙi.