AccueilBac à sableShowcaseAppDocBlog
    • Englishanglais
      EN
    • русскийrusse
      RU
    • 日本語japonais
      JA
    • françaisfrançais
      FR
    • 한국어coréen
      KO
    • 中文chinois
      ZH
    • españolespagnol
      ES
    • Deutschallemand
      DE
    • العربيةarabe
      AR
    • italianoitalien
      IT
    • British Englishanglais britannique
      EN-GB
    • portuguêsportugais
      PT
    • हिन्दीhindi
      HI
    • Türkçeturc
      TR
    • polskipolonais
      PL
    • Indonesiaindonésien
      ID
    • Tiếng Việtvietnamien
      VI
    • українськаukrainien
      UK
    /
    Filtrer la documentation par framework
    Alt+←
    Pourquoi Intlayer ?
    Commencer
    Concept
    • Comment Intlayer fonctionne
    • Configuration
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Éditeur visuel
    • CMS
    • Intégration CI/CD
    • TraductionPlurielÉnumérationConditionGenreInsertionFichierImbricationMarkdownHTMLRécupération de fonction
    • Fichier par locale
    • Compilateur
    • Remplissage automatique
    • Tests
    • Optimisation de bundle
    Environnement
    • Next.js 14 et App Router
      Next.js 15
      Next.js sans locale URL
      Next.js et Page Router
      Compiler
    • Tanstack Start Solid
    • Astro et React
      Astro et Svelte
      Astro et Vue
      Astro et Solid
      Astro et Preact
      Astro et Lit
      Astro et Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt et Vue
    • Vite et Solid
    • SvelteKit
    • Vite et Preact
    • Vite et Vanilla JS
    • Vite et Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native et Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx et React
    Plugins
    • JSON
    • gettext (.po)
    Extension VS Code
    Agent
    • Serveur MCP
    • Compétences de l’agent
    Versions
    • v8
    • v7
    • v6
    Benchmark
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Blog
    Poser une question
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetLocaleName
    Création:2024-08-11Dernière mise à jour:2025-06-29
    Référencez cette doc à votre assistant AI préféré
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Posez votre question et obtenez un résumé du document en referencant cette page et le Provider AI de votre choix

    Ce document n'est pas à jour, la version de base a été mise à jour le 23 août 2025.

    Aller à la doc anglaise

    Historique des versions

    1. "Ajout de polyfills pour React Native et les environnements plus anciens"
      v7.5.018/12/2025
    2. "Historique initial"
      v5.5.1029/06/2025

    Le contenu de cette page a été traduit à l'aide d'une IA.

    Voir la dernière version du contenu original en anglais
    Modifier cette documentation

    Si vous avez une idée d’amélioration pour améliorer cette documentation, n’hésitez pas à contribuer en submitant une pull request sur GitHub.

    Lien GitHub de la documentation
    Copier

    Copier le Markdown du doc dans le presse-papiers

    Documentation : Fonction getLocaleName dans intlayer

    Description

    La fonction getLocaleName renvoie le nom localisé d'une locale donnée (targetLocale) dans la locale d'affichage (displayLocale). Si aucune targetLocale n'est fournie, elle renvoie le nom de la displayLocale dans sa propre langue.

    Paramètres

    • displayLocale: Locales

      • Description : La locale dans laquelle le nom de la locale cible sera affiché.
      • Type : Enum ou chaîne de caractères représentant des locales valides.
    • targetLocale?: Locales

      • Description : La locale dont le nom doit être localisé.
      • Type : Optionnel. Enum ou chaîne de caractères représentant des locales valides.

    Retour

    • Type : string
    • Description : Le nom localisé de la targetLocale dans la displayLocale, ou le nom propre de la displayLocale si targetLocale n'est pas fourni. Si aucune traduction n'est trouvée, elle renvoie "Locale inconnue".

    Exemple d'utilisation

    typescript
    Copier le code

    Copier le code dans le presse-papiers

    import { Locales, getLocaleName } from "intlayer";
    
    getLocaleName(Locales.ENGLISH); // Résultat : "English"
    getLocaleName(Locales.ENGLISH, Locales.FRENCH); // Résultat : "Anglais"
    getLocaleName(Locales.ENGLISH, Locales.ESPANOL); // Résultat : "Inglés"
    getLocaleName(Locales.ENGLISH, Locales.ENGLISH); // Résultat : "English"
    
    getLocaleName(Locales.FRENCH); // Résultat : "Français"
    getLocaleName(Locales.FRENCH, Locales.FRENCH); // Résultat : "Français"
    getLocaleName(Locales.FRENCH, Locales.ESPANOL); // Résultat : "Francés"
    getLocaleName(Locales.FRENCH, Locales.ENGLISH); // Résultat : "French"
    
    getLocaleName(Locales.CHINESE); // Résultat : "中文"
    getLocaleName(Locales.CHINESE, Locales.FRENCH); // Résultat : "Chinois"
    getLocaleName(Locales.CHINESE, Locales.ESPANOL); // Résultat : "Chino"
    getLocaleName(Locales.CHINESE, Locales.ENGLISH); // Résultat : "Chinese"
    
    getLocaleName("unknown-locale"); // Résultat : "Locale inconnue"

    Cas particuliers

    • Pas de targetLocale fourni :
      • La fonction retourne par défaut le nom propre du displayLocale.
    • Traductions manquantes :
      • Si localeNameTranslations ne contient pas d'entrée pour le targetLocale ou le displayLocale spécifique, la fonction revient au ownLocalesName ou retourne "Unknown locale".

    Polyfills pour React Native et les environnements plus anciens

    La fonction getLocaleName dépend de l'API Intl.DisplayNames, qui n'est pas disponible dans React Native ou les environnements JavaScript plus anciens. Si vous utilisez getLocaleName dans ces environnements, vous devez ajouter des polyfills.

    Importez les polyfills tôt dans votre application, idéalement dans votre fichier d'entrée (par exemple, index.js, App.tsx, ou main.tsx) :

    typescript
    Copier le code

    Copier le code dans le presse-papiers

    import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";

    Pour plus de détails, consultez la documentation des polyfills FormatJS.

    Pourquoi Intlayer ?
    Alt+→

    Dans cette page

      Les discussions sont anonymes et régulièrement analysées pour traiter les problèmes fréquents. N'hésitez pas à partager vos idées de fonctionnalités, vos retours sur la documentation ou tout ce qui concerne Intlayer, nous utilisons ces retours pour construire notre roadmap et améliorer le produit.

      import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";