import i18next , { TFunction } from 'i18next' ; import { useTranslation as useI18NTranslation , initReactI18next , } from 'react-i18next' ; import { crc32 } from 'crc' ; import { languageDetector } from './language' ; import { useState , useEffect } from 'react' ; import HttpApi from 'i18next-http-backend' ; i18next . use ( languageDetector ) . use ( HttpApi ) . use ( initReactI18next ) . init ( { fallbackLng : 'zh-CN' , load : 'currentOnly' , backend : { loadPath : '/locales/{{lng}}/{{ns}}.json' , allowMultiLoading : false , addPath : ( ... args ) => { console . log ( '缺少翻译' , ... args ) ; } , } , } ) ; /**
 * 国际化翻译
 */ export const t = ( key , defaultValue ? , options ? ) => { try { const hashKey = `k${ crc32 ( key ) . toString ( 16 ) }` ; let words = i18next . t ( hashKey , defaultValue , options ) ; if ( words === hashKey ) { words = key ; console . info ( `[i18n] 翻译缺失: [${ hashKey }]${ key }` ) ; } return words ; } catch ( err ) { console . error ( err ) ; return key ; } } ; /**
 * 设置i18next的语言
 */ export async function setLanguage ( lang ) { return new Promise ( ( resolve , reject ) => { i18next . changeLanguage ( lang , ( err ) => { if ( err ) { reject ( err ) ; } else { resolve ( ) ; } } ) ; } ) ; } /**
 * fork from i18next/react-i18next/-/blob/src/useTranslation.js
 * i18n for react 使用hooks
 */ export function useTranslation ( ) { const { t : i18nT , ready } = useI18NTranslation ( ) ; const [ _t , _setT ] = useState < TFunction > ( ( ) => t ) ; useEffect ( ( ) => { _setT ( ( ) => ( ... args ) => ( t as any ) ( ... args ) ) ; } , [ i18nT ] ) ; return { t : _t , ready } ; }