react 用 react-i18next 做国际化处理的一些使用记录

21次阅读
没有评论

共计 286 个字符,预计需要花费 1 分钟才能阅读完成。

<Trans i18nKey={'app.btn.setIcon'} defaults={'设置图标'} />

i18nKey 是 对应翻译文件的key,defaults 是默认值,就是找不到翻译文件的时候显示的默认内容

// t 的用法

{t('common.button.cancel', { defaultValue: '取消 {{name}}', name: iconPath })}

第一个参数 common.button.cancel 为翻译文件的key,defaultValue 是找不到翻译时候显示的默认内容, name 的对应 defaultValue 里面的 {{name}} 动态值,他会知道替换里面的内容
正文完
 0
Eric chan
版权声明:本站原创文章,由 Eric chan 于2024-10-26发表,共计286字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。