您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

在React中串联变量和字符串

在React中串联变量和字符串

您几乎是正确的,只是放了一些引号。用正则引号将整个内容包装起来将按字面意义提供字符串#demo + {this.state.id}-您需要指出哪些是变量,哪些是字符串文字。由于里面的任何内容{}都是内联JSX ,因此您可以执行以下操作:

href={"#demo" + this.state.id}

这将使用字符串文字#demo并将其连接到的值this.state.id。然后可以将其应用于所有字符串。考虑一下:

var text = "world";

和这个:

{"Hello " + text + " Andrew"}

这将产生:

Hello world Andrew

您还可以将ES6字符串插值/ 模板文字(反引号)和${expr}`(插值表达式)一起使用,这与您似乎想做的事情更接近:

href={`#demo${this.state.id}`}

这将基本上替代的值this.state.id,并将其连接到#demo。等效于:"#demo" + this.state.id

其他 2022/1/1 18:24:19 有340人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶