React&nbsp；Umi国际化配置方法

教程下载地址： 网赚博客https://www.piaodoo.com/创业项目排行榜前十名https://www.piaodoo.com/

1、config.ts配置开启umi国际化

export default defineConfig({
    ...,
    locale: {
        default: 'zh-CN',
        antd: false,
        title: false,
        baseNavigator: true,
        baseSeparator: '-',
  }
})

2、国际化文件配置

在src下创建locales文件，如果项目配置了 singular: true ，locales 要改成 locale

在locales文件下新建zh-CN.ts、en-US.ts文件，并且在文件中做配置

// zh-CN.ts文件
export default{
    'project.package.login.hello':'你好！'
}

// en-US.ts文件
export default{
    'project.package.login.hello':'Hello Work!'
}

3、在函数组件中使用国际化-useIntl