字符串和状态变量连接

Question

我通过连接常量字符串和状态变量来创建url，如下所示：

var url={"http://localhost:3000/get-players/"+{this.state.city}+"/"+{this.state.sport}};

但我收到了错误。有人能告诉我我在哪里弄错了。

Answer 1

您的字符串连接不正确，您可以像这样使用字符串插值：

var url = `http://localhost:3000/get-players/${this.state.city}/${this.state.sport}`

Answer 2

如果您不想使用ES6模板，请按旧方法执行，但删除变量周围的额外括号（{}）。

var url = "http://localhost:3000/get-players/" + this.state.city + "/" + this.state.sport;

Answer 3

var url={"http://localhost:3000/get-players/"+{this.state.city}+"/"+{this.state.sport}};

{this.state.city} - 不是字符串。

1：ES5的正确变体： var url="http://localhost:3000/get-players/" + this.state.city + "/" + this.state.sport;

应宣布

this.state.city和this.state.sport，并且应该是string的类型。

2：ES6的正确变体

var url=`http://localhost:3000/get-players/${this.state.city}/${this.state.sport}`;