关于React国际化的问题

关于React国际化的问题？？

引入国际化的插件

plugins:[
  ...,
  locale: {
    enable: true,
    default: 'zh-CN',
    baseNavigator: true,
  },
  ...,
]

就可以在代码中使用全球化的功能了。详细配置参见config。

@umijs/plugin-locale 封装了react-intl, api 与 react-intl 基本相同，并做了封装使用起来更加方便。全部 api 如下

import { setLocale, getLocale, FormattedMessage } from 'umi';

然后我们在我们的src文件夹下面创建并抛出我们需要翻译的标签和语句

用的话就是如下：

import { FormattedMessage } from 'umi';

export default () => {
  return (
    

      
    
  );
};

如果不能用id的形式也可以,(下面这种是FormattedMessage在属性中使用)

}
    enterButton="Search"
    size="large"
    onSearch={value => console.log(value)}
    style={{height: '40px'}}
  />

1是在标签的title里面使用国际化
2是针对标签内的文本使用国际化