通过字符串返回函数检索 HTML 元素的 href 链接？答案

【问题标题】：Retrieving href link for HTML element via String returning function?通过字符串返回函数检索 HTML 元素的 href 链接？
【发布时间】：2016-11-02 13:22:31
【问题描述】：

我正在使用 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 将汽车类型存储为字符串。

但是，这是我被定向到的链接：

localhost:8080/function%20()%20%7B%20[native%20code]%20%7D

有什么想法吗？

谢谢。

【问题讨论】：

我认为您应该使用 onClick 事件
你不能把那个网址放在href中吗？ href={"192.168.3.9:8080/cars/" + this.state.carType}

标签： javascript html url reactjs

【解决方案1】：

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

点击链接ReactRedirect

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

【讨论】：

【解决方案2】：

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

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

【讨论】：