# General Translation React SDKs (gt-react, gt-next): decodeVars
URL: https://generaltranslation.com/es/docs/react/reference/functions/decode-vars.mdx
---

title: decodeVars
description: Decodifica las variables codificadas por declareVar para recuperar sus valores con General Translation gt-react. Referencia de la API de decodeVars.

---

La función `decodeVars` extrae los valores originales de las cadenas que contienen marcadores de [`declareVar`](/docs/react/reference/functions/declare-var). Como `declareVar` añade marcadores compatibles con ICU al texto de origen, esos marcadores pueden interferir con la lógica de procesamiento de cadenas, y `decodeVars` los elimina.

*Disponible en `gt-react`, `gt-next`, `gt-tanstack-start` y `gt-react-native`. Los ejemplos importan desde `gt-react`; en su lugar, importa desde el paquete de tu framework.*

## Descripción general [#overview]

Pasa una cadena que contenga marcadores `declareVar`, y `decodeVars` la devuelve con los valores originales insertados.

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

  return decodeVars(greeting);
  // "Hello, Brian" — como si declareVar nunca se hubiera usado
}
```

*Nota: `decodeVars` solo afecta a las cadenas de origen que contienen marcadores `declareVar`. No tiene ningún efecto en las cadenas traducidas y no es un analizador de ICU MessageFormat de uso general.*

## Cómo funciona [#how-it-works]

`decodeVars` está pensado para los patrones de ICU MessageFormat creados por [`declareVar`](/docs/react/reference/functions/declare-var): interpola cada variable `_gt_` para devolverla a su valor original, mientras conserva intacto el resto del contenido. Úsalo cuando una lógica existente de manipulación de cadenas necesite ejecutarse sobre una cadena que contiene marcadores de variables.

## Parámetros [#parameters]

| Parámetro                  | Descripción                                                           | Tipo     | Opcional | Predeterminado |
| -------------------------- | --------------------------------------------------------------------- | -------- | -------- | -------------- |
| [`icuString`](#icu-string) | Una cadena que contiene marcadores de ICU de llamadas a `declareVar`. | `string` | No       | —              |

### `icuString` [#icu-string]

**Tipo** `string` · **Obligatorio**

Una cadena que contiene marcadores de ICU generados por [`declareVar`](/docs/react/reference/functions/declare-var).

## Devuelve [#returns]

**Tipo** `string`

La cadena sin los marcadores de ICU, que contiene los valores originales de las variables.

## Ejemplos [#examples]

```tsx title="BasicUsage.tsx"
import { declareVar, decodeVars } from 'gt-react';

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

```tsx title="MultipleVariables.tsx"
import { declareVar, decodeVars } from 'gt-react';

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 [#notes]

* Usa `decodeVars` solo en cadenas que contengan marcadores [`declareVar`](/docs/react/reference/functions/declare-var).
* Está pensado para los patrones ICU creados por `declareVar` y no debe usarse con cadenas ICU arbitrarias.
* No afecta al procesamiento de la traducción; solo elimina marcadores para manipular cadenas.