Formatting (형식)

Jaeseok Han·2023년 8월 14일
0

react-i18next(i18n)

목록 보기
5/10

변수의 형식을 지정해 줄 수 있음

예제

숫자 처리

내부에서 처리

import i18next from 'i18next';

i18next.init({
    fallbackLng : 'kr',
    fallbackNS : 'common',
    lng : 'kr',
    resources : {
        kr : {
            translation : {
               length : "{{count, number(minimumFractionDigits : 3)}}cm",
            },
        },
    }
})
const ret = i18next.t('length', {count : 100.1234});
console.log(ret);
//출력
100.123cm 

문자 처리

외부 설정을 통한 처리

import i18next from 'i18next';

i18next.init({
    fallbackLng : 'kr',
    fallbackNS : 'common',
    lng : 'kr',
    resources : {
        kr : {
            translation : {
                best : "it is {{how, uppercase}}"
            },
        },
    }
})

i18next.services.formatter.add('uppercase', (value, lng,options) => {
    return value.toUpperCase();
})

const ret = i18next.t('best', {how : 'good'});
console.log(ret);
//출력
it is GOOD

0개의 댓글