在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

。