Question

我正在使用React.js，我正在尝试在我的渲染函数中检索以下html元素的地址链接：

<a class="form-label" href={this.link.bind(this)}> Link </a>

功能链接如下：

link() { 
return "192.168.3.9:8080/cars/" + this.state.carType; 
}

this.state.carType存储作为字符串存储的汽车类型。

然而，这是我所指向的链接：

本地主机：8080 /功能％20（）％20％7B％20％原生20code]％20％7D

有什么想法吗？

感谢。

Answer 1

一种简单的方法是添加ReactRedirect并相应地使用

点击链接ReactRedirect

link() { 
return (
   <ReactRedirect location={`192.168.3.9:8080/cars/${this.state.carType}`}>
  </ReactRedirect>
 );
}

Answer 2

我认为你需要在构造函数中绑定link函数，就像这个例子一样，它可以工作。

constructor() {
   super();

   this.state = {
     carModel: "325i"
   };

   this.getLinkUrl = this.getLinkUrl.bind(this);
}
getLinkUrl() {
  return "http://192.168.3.9:8080/cars/" + this.state.carModel;
}

Test link

通过String返回函数检索HTML元素的href链接？

2 个答案: