Make internationalization easy and enjoyable 😄💪🏻
- react >= 16.8.0
- react-dom >= 16.8.0
- react-native >= 0.59.0
- i18n-pro >= 3.0.0 < 4.0.0
- lightweight：
+
- The following features are inherited from i18n-pro
- simple
- flexible
- automatic-translation
- keyless
This library is implemented based on i18n-pro combined with React 's context feature
Mainly composed of 2 parts
- I18nProvider
- useI18n
I18nProvider：Configure container components for internationalization initialization properties
useI18n：Hook method for obtaining internationalization API and state
A simple example is as follows
importReactfrom'react'import{render}from'react-dom'import{I18nProvider,useI18n}from'@i18n-pro/react'functionApp(){const{ t }=useI18n()return(<>{/** text-as-key */}<div>{t('hello world')}</div>{/** custom-key */}<div>{t.t('custom-key','hello world')}</div></>)}render(<I18nProvidernamespace="i18n-example"locale="en"langs={{zh: {'hello world': '你好世界','custom-key': '你好世界',},ja:{"hello world": "こんにちは世界",'custom-key': 'こんにちは世界',},}}><App/></I18nProvider>,document.getElementById('root'),)To avoid unnecessary duplicate document content, some of the documents in this library are linked to the content in
i18n-pro
Thei18n-prorelated link in the current document is based on the3.0.0version. If you are using a different version, you need to check the document corresponding to the version you are using to avoid inconsistent usage
- Current Library
- i18n-pro
Copyright (c) 2023-present Eyelly Wu