Farsamooyinka ugu fiican
Ku rid URL-yada doorsoomayaasha
Marka la turjumayo xarigyo ay ku jiraan URL-yo ama xog la mid ah, waxaa wanaagsan in URL-yadaas lagu geliyo isbeddello (variables) ka dibna laga tixraaco gudaha template-yadaada.
<Translate
string={`Click <a href="{{url}}">here</a>`}
variables={{url: 'https://tacotranslate.com'}}
/>Isticmaal calaamadaha ARIA
Marka la turjumayo qoraalka curiyeyaasha is-dhexgalka ah sida badhamada, waxa muhiim ah in la daro sumadaha ARIA si loo hubiyo helitaanka. Sumadaha ARIA waxay ka caawiyaan barnaamijyada akhriska shaashadda inay bixiyaan macluumaad sharaxaad leh oo ku saabsan hawsha curiyaha.
Tusaale ahaan, haddii aad haysato badhan u oggolaanaya isticmaaleyaasha inay nuqul ka sameeyaan qoraalka ku jira xannibaadda koodhka, waxaad isticmaali kartaa sifooyinka aria-label si aad u bixiso sharraxaad cad:
<Translate
aria-label={useTranslation('Copy to clipboard')}
string="Copy"
/>Wax ku saabsan tani waxay u muuqataa inay tahay is-tixraac aad u badan.
Taxanaha asalada caalamiga ah iyo asalada qaybaha badan
Qaabkani wuxuu kaliya shaqeeyaa marka la isticmaalayo Next.js Pages Router.
Marka aad la shaqaynayso barnaamijyo waaweyn, waxaa faa'iido leh in xarigyada iyo turjumaadaha loo kala qaybiyo ilo badan oo yaryar. Habkan wuxuu yareeyaa cabbirka baakadaha iyo waqtiyada gudbinta, isagoo xaqiijinaya turjumaad hufan oo si fudud loo balaadhin karo.
In kasta oo tani ay fudud tahay marka kaliya dhinaca macmiilka la soo bandhigo, maaraynta ilaha waxay si dhakhso ah u noqotaa mid cakiran marka la soo qaadayo turjumaadaha loogu talagalay soo-saarista dhinaca server-ka. Si kastaba ha noqotee, waxaad otomaatig ka dhigi kartaa maaraynta ilaha adigoo adeegsanaya array-ga client-ka TacoTranslate ee origins.
Ka fiirso tusaalahan, halkaasoo aan qaybaha iyo boggaga ku kala saarney feylal 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 bandhigidda dhinaca server-ka si aad u hesho macluumaad dheeraad ah oo ku saabsan getTacoTranslateStaticProps.