I have this function in my React ponent:

const fireError = (n) => {
   alert(`The value should go over ${n}% to be accepted.`);
}

in my translation JSON I have this:

{ "percentage": "The value should go over {{percentage}} to be accepted" }

How can I make this work? Of course I cannot use the Trans ponent.

I have this function in my React ponent:

const fireError = (n) => {
   alert(`The value should go over ${n}% to be accepted.`);
}

in my translation JSON I have this:

{ "percentage": "The value should go over {{percentage}} to be accepted" }

How can I make this work? Of course I cannot use the Trans ponent.

• javascript
• reactjs
• i18next
• react-i18next

• use t('percentage'), as for how to setup react i18n, check documentation – windmaomao Commented Sep 20, 2021 at 16:57

1 Answer 1

You can use the i18n service directly:

// import it
import i18n from "i18next";

// in your React ponent
const fireError = (n) => {
   alert(i18n.t('percentage', { percentage: n }));
}

Keep in mind that the library has to be initialized before calling this function - i18n.init() must have already been invoked.