【坑】antd 汉化、国际化语言配置失效（设置中文不起作用）

最新推荐文章于 2025-05-16 17:19:45 发布

@baby张

最新推荐文章于 2025-05-16 17:19:45 发布

阅读量1.2w

点赞数 9

CC 4.0 BY-SA版权

分类专栏： React技术栈常见报错

本文链接：https://blog.youkuaiyun.com/weixin_43648947/article/details/103627966

在使用antd ^3.26.0版本时，遇到国际化配置中文无效的问题，主要是日历组件未显示中文。经过对比发现新版本的antd中文语言包缺少日期汉化。解决方案是利用moment.js的`moment.locale('zh-cn')`进行日期汉化。尽管可以不使用antd的ConfigProvider，但可能引起其他显示问题，建议同时配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做一个新项目，react + ts +antd ^3.26.0,在国际化全局配置之后，发现日历的语言并没用变成我设置的中文，百度找了也没有例子，然后看了 ^3.26.0版本的antd语言包和之前版本项目语言包进行了对比，发现了新版本的antd ^3.26.0居然没有配置日期的汉化。

一、问题截图

在App入口的时候进行了全局的语言包配置

import React, {
    memo } from 'react'
import zhCN from 'antd/es/locale/zh_CN'
import {
    ConfigProvider } from 'antd'
import Router from 'src/router'

const App: React.FC = () => {
   
  return (
    <ConfigProvider locale={
   zhCN}>
      <Router />
    </ConfigProvider