You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中alert输出${this.state.parentName}未渲染,显示原字符串求助

问题解决:模板字符串未解析变量的问题

你遇到的问题是因为用了单引号'包裹字符串,ES6的模板字符串变量插值语法${}只在**反引号(`)**包裹的字符串中生效,单引号会将内容当作纯文本处理,不会解析其中的变量。

正确写法应该改用反引号:

alert(`Hello ${this.state.parentName}`);

反引号位于键盘数字键1的左侧(与波浪号~同键位),用它包裹的字符串才能识别${}语法,将this.state.parentName的实际值插入到字符串中,从而得到预期的Hello parent输出。

内容的提问来源于stack exchange,提问作者Krishanu Mukherjee

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 06:02:38