react i18next
1.0.0
Master Branch 是使用 hooks 的最新版本(>= v10)。
$ > =v10.0.0
npm i react-i18next
react-native:要在react-native中使用hooks,您必须使用react-native v0.59.0或更高版本
对于旧版本,请使用 v9.xx 分支
$ v9.0.10 (legacy)
npm i react-i18next@legacy
该文档发布在react.i18next.com 上,并且可以在此处提供PR 更改。
一般 i18next 文档发布在 www.i18next.com 上,并且可以在此处提供 PR 更改。
之前:你的反应代码看起来像这样:
...
< div > Just simple content < / div >
< div >
Hello < strong title = "this is your name" > { name } < / strong>, you have {count} unread message(s). <Link to=" / msgs ">Go to messages</Link>.
</div>
...
之后:使用 trans 组件只需将其更改为:
...
< div > { t ( 'simpleContent' ) } < / div >
< Trans i18nKey = "userMessagesUnread" count = { count } >
Hello < strong title = { t ( 'nameTitle' ) } > { { name } } < / strong>, you have {{count}} unread message. <Link to=" / msgs ">Go to messages</Link>.
</Trans>
...
想要详细了解您的国际化和翻译流程的无缝程度吗?
观看视频
源代码可以通过 npm 加载或从此存储库下载。
# npm package
$ npm install react-i18next
window.reactI18next
在这里您将找到有关如何最好地使用react-i18next的简单教程。 i18next 的一些基础知识以及有关如何优化本地化工作流程的一些很酷的可能性。
感谢这些优秀的人(表情符号键):
扬·穆勒曼 ? | 阿德里亚诺·拉伊亚诺 ? | 佩德罗·杜雷克 ? | 泰格·阿布罗迪 ? |
该项目遵循所有贡献者规范。欢迎任何形式的贡献!
本地化即服务 -locize.com
需要翻译管理吗?想要使用 InContext Editor 编辑您的翻译吗?使用 i18next 维护者提供给您的原始版本!
通过使用locize,您可以直接支持i18next 和react-i18next 的未来。