8.国际化规范
原则
在编码中,需要国际化的字符国际化处理,以避免后期大量国际化工作。
国际化方式
│ ├── locales (国际化)
│ │ ├── en_US.ts (英文国际化语言)
│ │ └── zh_CN.ts (中文国际化语言)
国际化目录在src/locales目录下
国际化指引文档
国际化使用的是react-intl库,参照官方网站以获悉相关语法
https://github.com/formatjs/react-intl/blob/master/docs/Getting-Started.md
配置示例
const zh_CN:any = {
login_username_placeholder: '请输入用户名',
login_password_placeholder: '请输入密码',
login_remember_password: '记住密码',
login_auto_login: '自动登录',
login_with_code: '验证码登录',
login_error: '登录失败'
}
export default zh_CN;
导入与使用
使用
<div className="remeber_passwd"><Checkbox><FormattedMessage id="login_remember_password" /></Checkbox></div>
<div className="auto_login"><Checkbox><FormattedMessage id="login_auto_login" /></Checkbox></div>
const intl = useIntl();
const [loginError, setLogError] = useState(intl.formatMessage({ id: "login_error" }));