Breadcrumb
i18n
i18n Resources
Web Module containing UI messages should define them in the src/i18n
folder. This folder contains subfolders for specific languages (e.g. src/i18n/en_US
for English).
In each subfolder, you can find the translations.json
file. The keys of this JSON are message identifiers (common to all languages) and the values are language-specific translations:
{
"MESSAGE": "Test Message"
}
Usage
We can get access to translations via the translations method available in Context.ts
(src/code
).
Let’s start by importing the translations method under the assumption that we are in the src/code
folder:
import {t} from './Context';
Then to get translation all we have to do is to call this method passing message identifier:
const message: string = t('MESSAGE');