ලේඛන: උසස් ප්‍රයෝජන භාවිතය

උසස් භාවිතය

Sinhala

වම් සිට දකුණු භාෂා ආරම්භ කිරීම

TacoTranslate ඔබේ React යෙදුම්වල අරාබි සහ හෙබ්රූ පරිදි දකුණු සිට වමට (RTL) භාෂා ආධාර කිරීම පහසු කරයි. RTL භාෂාවන්ගේ නිවැරදි කළමනාකරණය ඔබේ අන්තර්ගතය දකුණු සිට වමට කියවන පරිශීලකයින් සඳහා නිසි ලෙස ප්‍රදර්ශනය වීමට සහතික වේ.

import {useTacoTranslate} from 'tacotranslate/react';

function Document() {
	const {locale, isRightToLeft} = useTacoTranslate();

	return (
		<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
			<body>
				// ...
			</body>
		</html>
	);
}

ඔබට ද ලබා දී ඇති isRightToLeftLocaleCode ක්‍රියාවලිය භාවිතා කරමින් වර්තමාන භාෂාව React තැන්පතුවෙන් පිටත පරික්ෂා කිරීමට හැකිය.

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

පරිවර්තනය අක්‍රීය කිරීම

සටහනක විශේෂ කොටස් සඳහා පරිවර්තනය අක්‍රීය කිරීමට හෝ විශේෂ කොටස් කිහිපයක් as-is (මූල්‍යම ආකාරයට) තබා ගැනීමට, ඔබට තුන්වර සිකුරු කොටස් භාවිතා කළ හැක. මෙම විශේෂාංගය නම්, තාක්ෂණික පැහැදිලි කොටස් හෝ අනෙක් පරිවර්තනය නොකළ යුතු අන්තර්ගතය මුල් ආකාරයෙන් තබා ගැනීමට ප්‍රයෝජනවත් වේ.

import {Translate} from 'tacotranslate/react';

function Component() {
	return (
		<Translate string="Hello, [[[TacoTranslate]]]!" />
	);
}

මෙම උදාහරණයේ, වචනය “TacoTranslate” පරිවර්තනයේදි වෙනස් නොවී රැඳී සිටී.

බහුවිධ TacoTranslate සපයන්නන්

අපි ඔබේ යෙදුම තුළ බහු TacoTranslate සපයනවන් භාවිතා කිරීමට ශක්තිමත් ලෙස යෝජනා කරමු. මෙය ඔබගේ පරිවර්තන සහ ස්ට්‍රිංස් විවිධ මූලාශ්‍ර, උදාහරණයක් වශයෙන්, ඔබගේ හිස කෙළවර, පාදක හෝ විශේෂ කොටස් ලෙස සංවිධාන කිරීමට ප්‍රයෝජනවත් වේ.

ඔබට මෙතැනින් මූලාශ්‍ර භාවිතා කිරීම ගැන වැඩියෙන් කියවිය හැකිය.

TacoTranslate සපයන්නන්ට ඕනෑම මව් සපයන්නාගෙන් සැකසුම් උරුම වේ, එබැවින් ඔබට වෙනත් සැකසුම් නැවත කියවීමට අවශ්‍ය නොවේ.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Header() {
	return (
		<TacoTranslate origin="header">
			// ...
		</TacoTranslate>
	);
}

function Menu() {
	return (
		<TacoTranslate origin="menu">
			// ...
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Header />
			<Menu />
		</TacoTranslate>
	);
}

මූලාශ්‍රය හෝ භාෂා ප්‍රදේශය අධිකරණය කිරීම

බහු TacoTranslate සැපයුම්කරුවන් භාවිතා කිරීමට අමතරව, ඔබට Translate කොම්පෝනෙන්ට් සහ useTranslation හුක් මට්ටම් මත මූලාශ්‍රය සහ භාෂා කේතය දෙකම අභිබවා යන්නත් පුළුවනි.

import {Translate, useTranslation} from 'tacotranslate/react';

function Greeting() {
	const spanishHello = useTranslation('Hello!', {locale: 'es'});

	return (
		<>
			{spanishHello}
			<Translate string="What’s up?" origin="greeting" />
		</>
	);
}

පූරණ කළමනාකරණය කිරීම

පාරිභෝගික පැත්තේ භාෂා වෙනස් කිරීමේදී, පරිවර්තන ලබාගැනීම පරිශීලකගේ සම්බන්ධතාවය මත මොහොතක් ගත විය හැකිය. හුවමාරුව සිදුවන අතරතුර දෘශ්‍ය ප්‍රතිචාර සැපයීමෙන් පරිශීලක අත්දැකීම වර්ධනය කිරීම සඳහා ඔබට පූරණ සදහන්කයක් පෙන්විය හැකිය.

import {useTacoTranslate} from 'tacotranslate/react';

function Component() {
	const {isLoading} = useTacoTranslate();

	return (
		isLoading ? 'Translations are loading...' : null
	);
}

බහුත්වය

බහුවචන කිරීම කළමනාකරණය කරමින් වෙනත් භාෂාවන්හි සංඛ්‍යාත්මක ලේබල් නිවැරදිව පෙන්වීමට, මෙය හොඳම ප්‍රතිපත්තිය ලෙස සැලකේ:

import {Translate, useLocale} from 'tacotranslate/react';

function PhotoCount() {
	const locale = useLocale();
	const count = 1;

	return count === 0 ? (
		<Translate string="You have no photos." />
	) : count === 1 ? (
		<Translate string="You have 1 photo." />
	) : (
		<Translate
			string="You have {{count}} photos."
			variables={{count: count.toLocaleString(locale)}}
		/>
	);
}

බහ භාෂා

එකම යෙදුමක් තුළ එකවර බහු භාෂා සහයෝගයෙන් සඳහා, ඔබට බහු TacoTranslate සැපයුම්කරුවන් භාවිතා කළ හැක විවිධ locale අගයන් සමඟ පහත පරිදි:

ඔබට locale අංගය හෝ hook මට්ටමේද එදිරිවරණය කළ හැකිය.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Spanish() {
	return (
		<TacoTranslate locale="es">
			<Translate string="Hello, world in Spanish!" />
		</TacoTranslate>
	);
}

function Norwegian() {
	return (
		<TacoTranslate locale="no">
			<Translate string="Hello, world in Norwegian!" />
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Spanish />
			<Norwegian />
		</TacoTranslate>
	);
}

පරිවර්තන ID භාවිතය

ඔබට එකම වාක්‍යයට විවිධ පරිවර්තන හෝ අරුත් කළමනාකරණය කිරීම සඳහා Translate සංරචකයට id එකතු කළ හැකිය. එය වඩාත් ප්‍රයෝජනවත් ය, එකම පෙළේ අර්ථය සන්දර්භය අනුව වෙනස් වීම අවශ්‍ය වුවහොත්. අනන්‍ය හැඳුනුම්පත් පවරා මගින්, වාක්‍යයේ සෑම පරිච්ඡේදයක්ම ඒ අනුව නිවැරදිව පරිවර්තනය වේැයි ඔබට සහතික කරයි.

import {Translate} from 'tacotranslate/react';

function Header() {
	return (
		<Translate id="header" string="Login" />
	);
}

function Footer() {
	return (
		<Translate id="footer" string="Login" />
	);
}

උදාහරණයක් ලෙස, හිස කොටසේ登录 කිරීම “Iniciar sesión” ලෙස පරිවර්තනය විය හැකි අතර, පාද කොටසේ登录 කිරීම “Acceder” ලෙස ස්පාඤ්ඤ භාෂාවට පරිවර්තනය විය හැක.

හොඳම ක්‍රියාමාර්ග