# react-native: decodeVars
URL: https://generaltranslation.com/es/docs/react-native/api/strings/decode-vars.mdx
---
title: decodeVars
description: Referencia de la API para la función de cadena decodeVars()
---

{/* GENERADO AUTOMÁTICAMENTE: No edites directamente. En su lugar, edita la plantilla en content/docs-templates/. */}


## Resumen

Como `declareVar` añade marcadores compatibles con ICU al texto de origen, puede causar problemas en cualquier lógica existente de procesamiento de cadenas.
La función `decodeVars` extrae los valores originales de las cadenas que contienen marcadores de `declareVar`.

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

  const decodedGreeting = decodeVars(greeting);
  // "Hola, Brian" <- la cadena como si nunca se hubiera usado `declareVar`
  return decodedGreeting;
}
```

Como `declareVar` solo afecta a las cadenas codificadas, está pensado únicamente para usarse con cadenas de origen y no surte efecto en las cadenas traducidas.

<Callout>
  **Procesamiento de cadenas:**
  Usa `decodeVars` cuando necesites procesar cadenas que contengan marcadores de `declareVar` con lógica existente de manipulación de cadenas.
</Callout>


## Referencia

### Parámetros

| Nombre      | Tipo     | Descripción                                                                       |
| ----------- | -------- | --------------------------------------------------------------------------------- |
| `icuString` | `string` | Una cadena que contiene marcadores de ICU procedentes de llamadas a `declareVar`. |

### Devuelve

Una cadena a la que se le han eliminado los marcadores de ICU y que contiene los valores originales de las variables.

***

## Ejemplo

### Uso básico

Extrae los valores originales de las cadenas con marcadores de variables.

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

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


### Varias variables

`decodeVars` puede usarse con varias 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"
```

***


## Notas

* Usa `decodeVars` solo cuando necesites procesar cadenas que contengan marcadores de `declareVar`
* La función está diseñada específicamente para patrones de ICU MessageFormat creados por `declareVar`
* Los valores originales de las variables se conservan exactamente como estaban antes de la codificación
* No afecta al procesamiento de traducción; solo elimina los marcadores para manipular cadenas
* `decodeVars` no es un analizador general de ICU MessageFormat y no debe usarse con cadenas ICU arbitrarias

## Siguientes pasos

* Consulta [`declareVar`](/docs/react-native/api/strings/declare-var) para marcar contenido dinámico
* Consulta [`derive`](/docs/react-native/api/strings/derive) para crear llamadas a funciones estáticas
* Consulta [`msg`](/docs/react-native/api/strings/msg) para ver patrones de codificación y decodificación de cadenas