# react-native: decodeVars
URL: https://generaltranslation.com/fr/docs/react-native/api/strings/decode-vars.mdx
---
title: decodeVars
description: Référence API de la fonction decodeVars() sur les chaînes de caractères
---

{/* GÉNÉRÉ AUTOMATIQUEMENT : ne modifiez pas directement. Modifiez plutôt le template dans content/docs-templates/. */}


## Vue d’ensemble

Comme `declareVar` ajoute au texte source des marqueurs compatibles avec ICU, cela peut poser des problèmes avec toute logique existante de traitement de chaînes de caractères.
La fonction `decodeVars` extrait les valeurs d’origine des chaînes de caractères qui contiennent des marqueurs `declareVar`.

```jsx
function getGreeting({ name }) {
  const greeting = "Hello, " + declareVar(name);
  // "Hello, {_gt_, select, other {Brian}}"

  const decodedGreeting = decodeVars(greeting);
  // "Hello, Brian" <- la chaîne de caractères comme si `declareVar` n'avait jamais été utilisée
  return decodedGreeting;
}
```

Comme `declareVar` n’agit que sur les chaînes encodées, il est conçu pour être utilisé uniquement avec les chaînes source et n’a aucun effet sur les chaînes traduites.

<Callout>
  **Traitement des chaînes :**
  Utilisez `decodeVars` si vous devez traiter des chaînes contenant des marqueurs `declareVar` avec une logique existante de manipulation de chaînes.
</Callout>


## Référence

### Paramètres

| Nom         | Type     | Description                                                                             |
| ----------- | -------- | --------------------------------------------------------------------------------------- |
| `icuString` | `string` | Une chaîne de caractères contenant des marqueurs ICU provenant d’appels à `declareVar`. |

### Renvoie

Une chaîne de caractères sans les marqueurs ICU, contenant les valeurs d’origine des variables.

***

## Exemple

### Utilisation de base

Extrayez les valeurs d’origine à partir de chaînes de caractères contenant des marqueurs de variables.

```jsx copy
import { declareVar, decodeVars } from 'gt-react-native';

const encodedVar = declareVar(name);
// "{_gt_, select, other {Alice}}"
const decodedVar = decodeVars(encodedVar);
// "Alice"
```


### Plusieurs variables

`decodeVars` peut être utilisé avec plusieurs variables.

```jsx copy
import { declareVar, decodeVars } from 'gt-react-native';

const name1 = "Alice";
const name2 = "Bob";
const encodedVar = "Hello, " + declareVar(name1) + "! My name is " + declareVar(name2);
// "Hello, {_gt_, select, other {Alice}}! My name is {_gt_, select, other {Bob}}"

const decodedVar = decodeVars(encodedVar);
// "Hello, Alice! My name is Bob"
```

***


## Remarques

* Utilisez `decodeVars` uniquement lorsque vous devez traiter des chaînes de caractères contenant des marqueurs `declareVar`
* La fonction cible spécifiquement les modèles ICU MessageFormat créés par `declareVar`
* Les valeurs de variable d’origine sont préservées exactement telles qu’elles étaient avant l’encodage
* N’affecte pas le traitement des traductions ; supprime uniquement les marqueurs pour manipuler les chaînes de caractères
* `decodeVars` n’est pas un analyseur ICU MessageFormat générique et ne doit pas être utilisé sur des chaînes ICU quelconques

## Étapes suivantes

* Consultez [`declareVar`](/docs/react-native/api/strings/declare-var) pour marquer le contenu dynamique
* Consultez [`derive`](/docs/react-native/api/strings/derive) pour créer des appels de fonction statiques
* Consultez [`msg`](/docs/react-native/api/strings/msg) pour les schémas d’encodage et de décodage de chaînes de caractères