Context

Jaeseok Han·2023년 8월 14일
0

react-i18next(i18n)

목록 보기
6/10

context를 통해 번역을 다르게 할 수 있다.

예제

import i18next from 'i18next';

i18next.init({
    fallbackLng : 'kr',
    fallbackNS : 'common',
    lng : 'kr',
    resources : {
        kr : {
            translation : {
                chicken_seasoned : "양념치킨을 좋아한다.",
                chicken_fried : "후라이드치킨을 좋아한다.",
                chicken : "모든 치킨을 좋아한다."
            },
        },
    }
})

let ret = i18next.t('chicken', {context : 'seasoned'});
console.log(ret);
ret = i18next.t('chicken', {context : 'fried'});
console.log(ret);
ret = i18next.t('chicken', {context : 'whatever'});console.log(ret);
//출력
양념치킨을 좋아한다.
후라이드치킨을 좋아한다.
모든 치킨을 좋아한다.

key와 context를 점미사로한 내용을 불러오고 context를 접미사로 된 값이 없을 경우 key값 만으로 되어있는 (default) 값을 불러온다.

0개의 댓글