首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在React中连接变量和字符串

在React中连接变量和字符串
EN

Stack Overflow用户
提问于 2016-09-16 10:43:49
回答 3查看 392K关注 0票数 216

有没有办法将React的花括号表示法和href标记结合起来?假设我们在状态中有以下值:

代码语言:javascript
复制
{this.state.id}

以及标记上的以下HTML属性:

代码语言:javascript
复制
href="#demo1"
id="demo1"

有没有一种方法可以将id状态添加到HTML属性中,以获得如下所示:

代码语言:javascript
复制
href={"#demo + {this.state.id}"}

这将产生以下结果:

代码语言:javascript
复制
#demo1
EN

回答 3

Stack Overflow用户

发布于 2017-09-19 09:47:38

连接属性/变量的最好方法:

代码语言:javascript
复制
var sample = "test";    
var result = `this is just a ${sample}`;    
//this is just a test
票数 61
EN

Stack Overflow用户

发布于 2021-10-26 14:41:58

如果您想在JSX中完成此操作

代码语言:javascript
复制
<button className={`tab__btn first ${props.state}`} >
    {props.text}
</button>
票数 7
EN

Stack Overflow用户

发布于 2020-09-11 20:17:29

你可以简单地这样做..

代码语言:javascript
复制
 <img src={"http://img.example.com/test/" + this.props.url +"/1.jpg"}/>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39523040

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档