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