environnement:
et : version 4.22.4
réagir : version 18.2.0
Capture d'écran d'erreur :
La boîte de sélection de date DatePicker introduite par antd est configurée globalement et le package chinois est introduit globalement. Cependant, seule l'année en vigueur est en chinois et l'autre texte est entièrement en anglais.
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import locale from 'antd/locale/zh_CN';
<ConfigProvider locale={locale}>
<DatePicker defaultValue={dayjs('2015-01-01', 'YYYY-MM-DD')} />
</ConfigProvider>;
En essayant d'importer une seule configuration chinoise, le résultat est toujours invalide. Le résultat est le même que ci-dessus.
Après de longues recherches en ligne, je n'ai toujours pas résolu ce problème. Au départ, je voulais mettre à niveau la version antd vers la v5, considérant que cela affecterait le style actuel du projet, je ne l'ai donc pas adopté. Plus tard, j'ai résolu ce problème en introduisant le package chinois de node_modules/moment.
La solution est la suivante :
Dans votre environnement de configuration globale, introduisez le fichier de configuration du moment
Ce fichier se trouve sous node_modules. S'il n'y a pas de fichier moment, vous pouvez l'importer vous-même par npm install moment.
Tous les jeux~~~~
1.Introduire les fichiers de configuration
import zhCN from 'antd/lib/locale/zh_CN'
import 'moment/dist/locale/zh-cn'
2. Paramètres de configuration
<ConfigProvider locale={zhCN }>
<DatePicker/>
</ConfigProvider>;
Célibataire~~~~
1.Introduire le fichier de configuration dans le code actuel
import zhCN from 'antd/lib/locale/zh_CN'
import 'moment/dist/locale/zh-cn'
2. Paramètres de configuration
<DatePicker locale={zhCN} />
Il peut y avoir des lignes ondulées rouges signalant des erreurs de réaction. Cela n'affecte pas l'introduction des packages de langue chinoise et la traduction normale.
Graphique de résultat :