JSX ES6向标记的模板字符串添加+1

Question

I have the following ES6 tagged template string with back-ticks and ${expr}:

`{ Some number is ${someNumber} }`

The variable someNumber is 30 and the string outputs Some number is 30

How can I add 1 to someNumber to get 31?

I tried:

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

But get The number is 301

Also

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

getting: The number is 30 + 1

I'm trying to get Some number is 31

Answer 1

someNumber is probably a string, convert it to a number (I've used the plus operator) before adding 1:

 const someNumber = '30'; const str = `{ The number is ${+someNumber + 1} }`; console.log(str); 

Answer 2

尝试这个：

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