Replace generic values

To replace generic values, you use the replace prop/parameter.

To replace generic values, you use the replace prop/parameter.

Formatting possibilities

Any string can be used as a replacement key. Common patterns include:

• {name}, {value} - Curly braces
• [name], [value] - Square brackets
• %name%, %value% - Percentage signs
• $name$, $value - Dollar signs
• {{name}}, {{value}} - Double curly braces
• <name>, <value> - Angle brackets
• name, value - Plain text
• {user_name}, {first_name} - With underscores
• {user-name}, {first-name} - With hyphens

React (web)

import { I18nKeylessText } from "i18n-keyless-react";

  return (
    <I18nKeylessText replace={{ '{name}': user.name }}>
      {"Hello {name} !"}
    </I18nKeylessText>
  );
}

import { getTranslation } from "i18n-keyless-react";

  return (
    <p>
      {getTranslation("Hello {name} !", { replace: { '{name}': user.name } })}
    </p>
  );
}

React Native

import { I18nKeylessText } from "i18n-keyless-react";

  return (
    <I18nKeylessText replace={{ '{name}': user.name }}>
      {"Hello {name} !"}
    </I18nKeylessText>
  );
}

import { getTranslation } from "i18n-keyless-react";

  return (
    <p>
      {getTranslation("Hello {name} !", { replace: { '{name}': user.name } })}
    </p>
  );
}

Node.js

warning

awaitForTranslation NEED to be awaited, to prevent 429 to happen.

import { awaitForTranslation, type Lang } from 'i18n-keyless-node';

async function sendNotificationsToUsers() {
  // ...
  const title = await awaitForTranslation(
    "{name}, viens voir l'application !", 
    user.lang as Lang, 
    { replace: { '{name}': user.name } }
  );
  // ...
}