Pievieno glotstack provideri savai React lietotnei
Vienkārši pievienojiet konteksta nodrošinātāju augstākajā lietotnes līmenī. Kad konteksts pievienots, tulkojumi automātiski tiks ielādēti atbilstoši jūsu izvēlētajai lokalizācijai.
<GlotstackProvider initialLocale='en-US' importMethod={importMethod}>
<YourApp/>
</GlotstackProvider>
Iegūsti tulkojumus pēc vajadzības — jebkurā laikā
yarn glotstack get-translations
Vairs nav jāgaida valodu ekspertu pieejamība. Izmantojiet mūsu CLI, lai jebkurā brīdī atjauninātu tulkojumus. Izmantojot
context
tulkojumu failā, nodrošināsiet, ka tulkojumi atbilst jūsu nodomam. Ja vēlaties izmantot YAML failus, skatiet
par YAML.
Glotstack izmanto vienkāršu API, balstītu uz hookiem
const { t } = useGlotstack()
<>
{t('YourKey', {
assigns: {
Component: <Component prop="f"></Component>,
insertNode: <Icon name="icon-set"/>,
mdash: <>—</>
another: <>{t('OtherKey', {locale: 'en-US'})}
},
})}
</>
Varat izmantot assigns
opciju, lai aizvietotu jebkuru React.Node
tulkojumos. Var izmantot <Component>something</Component>
apzīmējumu iekš tekstiem, ja vien nodrošināt atbilstošu komponentes nosaukumu. Tas ir noderīgi, ja nevēlaties veidot jaunu tulkojuma atslēgu. Var izmantot {{substitution}}
apzīmējumu tiešai mezgla aizvietošanai.
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}}.