Amfani da TacoTranslate
Fassara igiyoyi
A halin yanzu akwai hanyoyi guda uku don fassara igiyoyi: Kayan Translate
, kwayar useTranslation
, ko kuma kayan translateEntries
.
Amfani da Translate
bangaren.
Yana fitar da fassarar a cikin wani span
alama, kuma yana tallafawa fassarar HTML.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
Kuna iya canza nau'in abu ta amfani da, misali, as="p"
a kan kayan haɗin.
Amfani da [useTranslation
] hook.
Yana dawo da fassarori a matsayin madaidaicin rubutu. 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 translateEntries
kayan aiki.
Fassara igiyoyi a ɓangaren uwar garke. Kara kuzari ga hotunanka na OpenGraph.
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 kirtani
Lokacin da zarurruka suka iso ga sabobinmu, muna fara tantance su da adanawa, sannan nan take mu mayar da fassarar inji. Duk da cewa fassarar injin yawanci ba ta kai ga ingancin fassarorin AI ɗinmu ba, suna ba da amsa cikin sauri a farko.
A lokaci guda, muna fara aikin fassarar asynchronus don samar da fassarar AI mai inganci kuma na zamani ga rubutunka. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar injin kuma za a aika ita duk lokacin da ka nemi fassarar rubutunka.
Idan ka fassara wani rubutu da hannu, waɗancan fassarar suna da fifiko kuma ana mayar da su maimakon haka.
Amfani da asali
Ayyukan TacoTranslate suna dauke da abin da muke kira origins. Ka dauke su a matsayin wuraren shiga, fayiloli, ko ƙungiyoyi na jimloli da fassarar ku.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}
Asalin suna ba ka damar raba jimloli cikin ma'ana masu ma'ana. Misali, za ka iya samun asali guda don takardun bayani da wani don shafin kasuwancin ka.
Don samun cikakken iko, za ka iya saita origins a matakin sassa.
Don cimma wannan, yi la’akari da amfani da masu samar da TacoTranslate da yawa a cikin aikinka.
Da fatan za a lura cewa irin wannan kalma guda na iya samun fassarori daban-daban a wurare daban-daban.
A ƙarshe, yadda kuke rarraba strings cikin asali yana hannunku da bukatunku. Duk da haka, ku lura cewa samun strings da yawa a cikin asali guda ɗaya na iya ƙara lokacin lodawa.
Sarrafa canje-canje
Ya kamata ku koyaushe ku yi amfani da variables don abun cikin mai canzawa, kamar sunayen masu amfani, kwanakin, adireshin imel, da ƙari.
Ana bayyana canje-canje a cikin igiyoyi ta amfani da kwance-ƙwancen bamban ɗaya, 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}});
}
Sarrafa abun ciki na HTML
A tsoho, Translate
sashen yana goyon baya kuma yana nuna abun HTML. Duk da haka, za ka iya yin watsi da wannan hali ta hanyar saita useDangerouslySetInnerHTML
zuwa false
.
Ana ƙarfafa sosai a kashe nuna HTML lokacin fassara abun da ba a yarda da shi ba, kamar abun da masu amfani suka ƙirƙira.
Duk fitarwa ana tsabtace 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 fassara misalin da ke sama a matsayin rubutu kai tsaye.