Services

The Internationalization package exposes IntlService service for default and customized internationalization of locales and LocalizationService for providing messages based on the current language.

Using the IntlService in Components

To use the service in your own components:

1. Use the IntlProvider component in your parent component.
2. If you require locale data that is different from the default en-US locale data, load the data you need in your parent component.
3. Access the IntlService:
   • In Functional Components—Through the useInternationalization hook.
   • In Class Components —Register your child component for internationalization by using the registerForIntl function and consume it through the provideIntlService function.

Change Theme

Theme

Loading ...

Applying the LocalizationService in Components

The toLanguageString method of the LocalizationService accepts a key and a default value. To use the LocalizationService in your own components in conjunction with the LocalizationProvider:

1. Use the LocalizationProvider component in your parent component.
2. Set the language property.
3. Access the LocalizationService:
   • In Functional Components—Through the useLocalization hook.
   • In Class Components —Register your child component for internationalization by using the registerForLocalization function and consume it through the provideLocalizationService function.

Change Theme

Theme

Loading ...

Customizing the Default Service

To override the default behavior of the internationalization service:

1. Inherit IntlService and override the necessary methods.
2. Inherit the IntlProvider component and override its getIntlService method.
3. Use the customized IntlProvider component.

Change Theme

Theme

Loading ...

Suggested Links

• IntlService API Reference
• LocalizationService API Reference
• Troubleshooting