JSX ES6 добавляет +1 к помеченной строке шаблона

Question

У меня есть следующая шаблонная строка с тегами ES6 с обратными галочками и $ {expr}:

`{ Some number is ${someNumber} }`

Переменная someNumber равна 30 и строка выводит Some number is 30

Как я могу добавить 1 к someNumber, чтобы получить 31?

Я пытался:

`{ Some number is ${someNumber + 1} }`

Но получить The number is 301

Также

`{ Some number is ${someNumber} + 1}`

получаю: The number is 30 + 1

пытаюсь получить Some number is 31

Answer 1

someNumber, вероятно, строка, преобразуйте ее в число (я использовал оператор плюс) перед добавлением 1:

const someNumber = '30';

const str = `{ The number is ${+someNumber + 1} }`;

console.log(str);

Answer 2

попробуйте это:

`{ The number is ${parseInt(someNumber) + 1} }`