Faka i-glotstack provider kuhlelo lwakho lwe-React
Kulula njengokungeza umhlinzeki wezimo ezingeni eliphezulu lesicelo sakho kanye kanye.
Uma usungeze umhlinzeki wezimo, izinguqulo zizogcwaliswa ngokuzenzakalelayo
ngesicelo sakho kuye ngolimi oluhlinzekiwe.
<GlotstackProvider initialLocale='en-US' importMethod={importMethod}>
<YourApp/>
</GlotstackProvider>
Landa imihumusho yakho uma kudingeka — noma kunini
yarn glotstack get-translations
Awudingi ukulinda ochwepheshe bezilimi. Sebenzisa i-CLI yethu ukuthola izinguqulo zakho noma nini lapho ufuna ukuzibuyekeza. Ukusebenzisa
context
efayeleni lakho lezingqulo kuqinisekisa ukuthi izinguqulo zakho zihambisana nenhloso yakho. Sebenzisa
--yaml
uma ufuna ukusebenzisa amafayela e-yaml
mayelana ne-yaml.
I-Glotstack isebenzisa i-API elula esekelwe kumahuku.
const { t } = useGlotstack()
<>
{t('YourKey', {
assigns: {
Component: <Component prop="f"></Component>,
insertNode: <Icon name="icon-set"/>,
mdash: <>—</>
another: <>{t('OtherKey', {locale: 'en-US'})}
},
})}
</>
Ungasebenzisa inketho ye-assigns
ukufaka noma yiliphi React.Node
kunoma yiziphi izinguqulo. Ungasebenzisa uphawu lwe-<Component>something</Component>
ngokufaka njengoba kudingeka
uma unikeza igama elifanele lekhomponenti ku-assigns — lokhu kusiza uma ungafuni ukudala okhiye abasha bezinguqulo. Ungasebenzisa uphawu lwe-{{substitution}}
ukufaka ngqo noma iyiphi inodi.
YourKey:
value: |
This is an example source text. We want to <Component>do this</Component.
We also want to demonstrate {{insertNode}} and {{mdash}}.
We can even nest other translated things {{another}}.