Mafi kyawun hanyoyi
Sanya URLs cikin canje-canje
Idan ana fassara jimloli da ke ɗauke da URLs ko bayanai makamancin haka, ana ɗaukar kyakkyawan aiki ne a sanya waɗannan URLs a cikin canje-canje sannan a ambace su a cikin samfuran ku.
<Translate
string={`Click <a href="{{url}}">here</a>`}
variables={{url: 'https://tacotranslate.com'}}
/>
Yi Amfani da lakabin ARIA
Lokacin fassara rubutun abubuwan hulɗa kamar maɓallan, yana da muhimmanci a haɗa lakabin ARIA don tabbatar da isa. Lakabin ARIA na taimaka wa masu karantar allo su ba da bayanin da ke bayyana aikin abubuwan.
Misali, idan kana da maɓallin da ke ba masu amfani damar kwafa rubutu daga wani yanki na lambar, za ka iya amfani da aria-label
don bayar da wata bayyana a fili:
<Translate
aria-label={useTranslation('Copy to clipboard')}
string="Copy"
/>
Wani abu game da wannan yana da matuƙar ma'ana ta cikin kai.
Jerin asalin duniya da asalin sassa masu yawa
Wannan tsarin yana aiki ne kawai lokacin amfani da Next.js Pages Router.
Lokacin aiki da manyan aikace-aikace, yana da amfani a raba jerin kalmomi da fassaruwa zuwa asali da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman fakiti da lokacin canja wuri, ta yadda za a tabbatar da ingantacciyar daidaituwa da kuma iya faɗaɗa.
Duk da cewa wannan yana da sauƙi lokacin da ake fassara a bangaren mai amfani kawai, sarrafa asali yana iya zama mai rikitarwa yayin ɗaukar fassaruwa don fassarar ɓangaren uwar garke. Koyaya, za ka iya sarrafa asalin ta atomatik ta amfani da jerin origins
na abokin cinikin TacoTranslate.
Ka duba wannan misali, inda muka raba abubuwanmu da shafukanmu cikin fayiloli daban-daban.
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});
}
Duba misalan yin amfani da server-side rendering don ƙarin bayani game da getTacoTranslateStaticProps
.