다중 언어의 React-intl 구현을 설명하는 예

小云云
풀어 주다: 2023-03-17 21:02:01
원래의
2076명이 탐색했습니다.

이 글에서는 주로 React-intl의 다국어 구현을 위한 샘플 코드를 소개하고 있는데, 편집자가 꽤 좋다고 생각해서 지금 공유하고 참고용으로 올려보겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

최근 프로젝트에 언어 국제화 기능이 추가되었습니다.

언어 국제화, 어떤 사람들은 이를 언어 현지화라고 부르는데, 실제로 우리 프로젝트에는 중국어 버전과 영어 버전이 포함되어 있습니다. 논리적으로 말하면 "단어 대 단어 교체"는 아닙니다. 그런데 그렇게 낮은 접근 방식으로 돈을 벌 수 있을까요?

처음에는 언어와 지역에 따라 구성 파일을 전체 프로젝트에 추가하는 전통적인 방법을 고려했는데, 다른 구성 파일을 로드하면 인터페이스 언어 전환 목적을 달성할 수 있습니다. 물론, 이 아이디어가 "초기" 아이디어라고 불리는 것은 바로 이 아이디어가 너무 순진하기 때문입니다. 언어의 국제화는 인터페이스의 UI 텍스트를 다른 언어로 번역하는 것뿐만 아니라 날짜 및 시간 표시, 숫자 표시(영어 환경에서는 3자리마다 쉼표: 1,000), 수량자 표시(사과) 등도 포함합니다. . 은 사과, 두 개의 사과는 사과여야 함), 문자열 중간에 변수가 삽입되는 경우도 있습니다("오늘 점심으로 닭다리를 {count}개 먹었습니다")...

그래서 이렇습니다. 단순한 문자 교체 문제가 아니라 쉽게 디렉토리를 내보내어 단어나 페이지에 넣고 다른 동료가 번역 작업을 비교할 수 있도록 해야 하는 것이 매우 중요합니다! ! 제품 관리자가 코드를 직접 변경하기를 원하시나요? 아니면 하나씩 찾아서 바꾸시겠습니까? 깊이 생각하지 않고 그냥 하시면 저를 믿으세요. 이에 대한 대가를 치르게 될 것입니다.

코더 지망생이라면 index.html에

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿