Hababka ugu wanaagsan
Ku dhig URL-yada doorsoomayaasha
Marka la turjumayo xargaha (strings) oo ay ku jiraan URL-yo ama xog la mid ah, waxaa lagu tiriyaa caado wanaagsan in URL-yadaas lagu dhex daro doorsoomayaal (variables) ka dibna lagu tixraaco template-yadaada.
<Translate
string={`Click <a href="{{url}}">here</a>`}
variables={{url: 'https://tacotranslate.com'}}
/>Isticmaal calaamadaha ARIA
Marka la turjumayo qoraalka waxyaabaha is-dhexgalka ah sida badhamada, waxaa muhiim ah in la daro summadaha ARIA si loo hubiyo helitaanka. Summadaha ARIA waxay ka caawiyaan barnaamijyada akhriska shaashadda inay bixiyaan macluumaad sharaxaad leh oo ku saabsan shaqada shayga.
Tusaale ahaan, haddii aad leedahay badhan u oggolaanaya isticmaaleyaasha inay nuqul ka sameeyaan qoraal ku jira sanduuqa koodhka, waxaad isticmaali kartaa sifada aria-label si aad u bixiso sharaxaad cad:
<Translate
aria-label={useTranslation('Copy to clipboard')}
string="Copy"
/>Wax ku saabsan tan waxay u muuqataa mid aad u meta.
Liiska ilaha caalamiga ah iyo ilaha kala duwan ee qaybaha
Habkan kaliya wuu shaqeeyaa marka la isticmaalayo Next.js Pages Router.
Marka aad la shaqaynayso codsiyo waaweyn, waxaa faa’iido leh in xarigyada iyo turjumaadaha loo kala qaybiyo ilo badan oo yaryar. Habkani wuxuu ka caawiyaa yaraynta cabbirrada baakadaha iyo wakhtiyada gudbinta, isagoo hubinaya turjumaad hufan oo la balaadhin karo.
In kasta oo tani ay fudud tahay marka kaliya laga soo saaro dhinaca macmiilka, maaraynta iluhu waxay si dhakhso ah u noqon kartaa mid adag marka la soo qaadanayo turjumaadaha loogu talagalay soo-bandhigidda dhinaca server-ka. Si kastaba ha noqotee, waxaad otomaatig ka dhigi kartaa maaraynta ilaha adigoo adeegsanaya array-ga client-ka TacoTranslate origins.
Ka fiirso tusaalahan, halkaasoo aan qaybahayaga iyo boggayaga ku kala qaybinay faylal gooni-gooni ah.
import TacoTranslate, {Translate} from 'tacotranslate/react';
import tacoTranslate from '../tacotranslate-client';
// Set an origin name for this component
const origin = 'components/pricing-table';
// Push the origin into the origins array as this file is imported
tacoTranslate.origins.push(origin);
export default function PricingTable() {
return (
<TacoTranslate origin={origin}>
<Translate string="Pricing table" />
// ...
</TacoTranslate>
);
}import TacoTranslate, {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';
import PricingTable from '../components/pricing-table';
const origin = 'pages/pricing';
tacoTranslateClient.origins.push(origin);
export default function PricingPage() {
return (
<TacoTranslate origin={origin}>
<Translate string="Pricing page" />
<PricingTable />
</TacoTranslate>
);
}
// We will now fetch translations for all imported components and their origins automatically
export async function getStaticProps(context) {
return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}Eeg tusaalooyinka soo-saarista dhinaca server-ka si aad wax badan uga ogaato getTacoTranslateStaticProps.