Skip to main content

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" }));