JSX ES6 将 + 1 添加到标记的模板字符串答案

【问题标题】：JSX ES6 add + 1 to tagged template stringJSX ES6 将 + 1 添加到标记的模板字符串
【发布时间】：2018-10-06 21:00:34
【问题描述】：

我有以下带有反引号和 ${expr} 的 ES6 标记模板字符串：

`{ 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

【问题讨论】：

【解决方案1】：

someNumber 可能是一个字符串，在加 1 之前将其转换为数字（我使用了加号运算符）：

const someNumber = '30';

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

console.log(str);

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：