logoAnt Design

⌘ K
  • 디자인
  • 개발
  • 컴포넌트
  • 블로그
  • 자료
5.21.3
  • React의 Ant Design
  • Ant Design of React
  • Ant Design of React
  • Changelog
    v5.21.3
  • 기본 사용법
    • 시작하기
    • Next.js에서 사용하기
      Updated
  • 如何使用
    • 在 create-react-app 中使用
    • 在 Vite 中使用
    • 在 Next.js 中使用
      Updated
    • 在 Umi 中使用
    • 在 Rsbuild 中使用
      New
    • 在 Farm 中使用
      New
    • 使用 Refine
      New
  • 迁移
    • 从 Less 变量到 Design Token
  • Basic Usage
    • Usage with create-react-app
    • Usage with Vite
    • Usage with Next.js
      Updated
    • Usage with Umi
    • Usage with Rsbuild
      New
    • Usage with Farm
      New
    • Usage with Refine
      New
  • 고급기능
    • 테마 커스터마이징
    • CSS 호환성
    • 서버 사이드 렌더링
    • 커스텀 날짜 라이브러리 사용하기
  • 进阶使用
    • 定制主题
    • 使用 CSS 变量
      New
  • Advanced
    • Customize Theme
    • CSS Variables
      New
    • Internationalization
    • Common Props
  • Migration
    • V4 to V5
    • Less variables to Component Token
  • 其他
    • 社区精选组件
    • 贡献指南
    • FAQ
  • Other
    • Third-Party Libraries
    • Contributing
    • FAQ

Internationalization

Resources

Ant Design Charts
Ant Design Pro
Ant Design Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
ahooks-React Hooks Library
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference
Work with Us

Help

GitHub
Change Log
FAQ
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
loading

현재 antd의 기본 언어는 영어입니다. 다른 언어를 사용하려면 아래 지침을 따르세요.

ConfigProvider

antd는 antd locale text를 전역적으로 구성하기 위한 React 구성 요소 ConfigProvider를 제공합니다.

import { ConfigProvider } from 'antd';
import frFR from 'antd/locale/fr_FR';


return (
  <ConfigProvider locale={frFR}>
    <App />
  </ConfigProvider>
);

여기에서 전체 구성을 볼 수 있습니다: ConfigProvider.

참고: fr_FR은 파일 이름이며 다음 표도 동일한 규칙을 따릅니다.

현재 지원되는 언어는 다음과 같습니다.

지원되는 언어:

언어파일명
Arabicar_EG
Azerbaijaniaz_AZ
Bulgarianbg_BG
Bangla (Bangladesh)bn_BD
Belarusianby_BY
Catalanca_ES
Czechcs_CZ
Danishda_DK
Germande_DE
Greekel_GR
English (United Kingdom)en_GB
Englishen_US
Spanishes_ES
Basqueeu_ES
Estonianet_EE
Persianfa_IR
Finnishfi_FI
French (Belgium)fr_BE
French (Canada)fr_CA
French (France)fr_FR
Irish (Ireland)ga_IE
Galician (Spain)gl_ES
Hebrewhe_IL
Hindihi_IN
Croatianhr_HR
Hungarianhu_HU
Armenianhy_AM
Indonesianid_ID
Italianit_IT
Icelandicis_IS
Japaneseja_JP
Georgianka_GE
Kurdish (Kurmanji)kmr_IQ
Kannadakn_IN
Kazakhkk_KZ
Khmerkm_KH
Koreanko_KR
Lithuanianlt_LT
Latvianlv_LV
Macedonianmk_MK
Malayalam (India)ml_IN
Mongolianmn_MN
Malay (Malaysia)ms_MY
Burmesemy_MM
Norwegiannb_NO
Nepaline_NP
Dutch (Belgium)nl_BE
Dutchnl_NL
Polishpl_PL
Portuguese (Brazil)pt_BR
Portuguesept_PT
Romanianro_RO
Russianru_RU
Sinhalese / Sinhalasi_LK
Slovaksk_SK
Serbiansr_RS
Sloveniansl_SI
Swedishsv_SE
Tamilta_IN
Thaith_TH
Turkishtr_TR
Turkmentk_TK
Urdu (Pakistan)ur_PK
Ukrainianuk_UA
Uzbek(latn)uz_UZ
Vietnamesevi_VN
Chinese (Simplified)zh_CN
Chinese (Traditional)zh_HK
Chinese (Traditional)zh_TW

ConfigProvider에서 자세한 사용법을 확인하세요.

새로운 언어 추가

귀하의 언어가 위 목록에 없으면 en_US 언어 팩을 기반으로 locale package를 자유롭게 생성하고 저희에게 pull request를 보내주세요. 참고로 Azerbaijani 언어를 추가하는 pull request를 샘플로 참고하시면 됩니다.

아래 단계를 수행하십시오.

  1. antd를 fork해 로컬에 git clone하세요. feature 브랜치로 전환하고, pull해서 최신 상태인지 확인하세요. feature 브랜치를 기반으로 새 브랜치를 생성하세요. 모든 작업이 그 브랜치 안에서 이루어질 것입니다.

    git clone git@github.com:<your organization>/ant-design.git
    cd ant-design/
    git remote add upstream git@github.com:ant-design/ant-design.git
    git checkout -b <your new branch name> upstream/feature

  2. rc-picker에 대한 언어 지원을 추가합니다. 예: this.

  3. rc-pagination에 대한 언어 지원을 추가합니다. 예: this.

  4. rc-picker 및 rc-pagination이 위 내용을 포함하는 새 버전을 출시할 때까지 기다립니다.

  5. antd에서 rc-picker 및 rc-pagination 버전을 업데이트하고 언어에 필요한 나머지 기타 콘텐츠를 추가합니다. 예: Azerbaijani PR.

  6. index.test.tsx.에 언어에 대한 테스트 케이스를 추가합니다.

  7. 스냅샷을 업데이트하려면 node_modules와 lock 파일(yarn.lock 또는 package-lock.json)을 삭제하고 처음에 다시 설치해야 할 수도 있습니다.

    npm run test -- components/locale -u

  8. i18n 목록 docs/react/i18n.en-US.md 및 docs/react/i18n.zh-CN.md에 언어를 추가합니다.

  9. CI 상태를 주의 깊게 관찰하고, 실패한 경우 로그를 살펴보고 모두 통과할 때까지 몇 가지 사항을 변경합니다.

  10. 이제 모든 검토 준비가 완료되었습니다.