通過字符串返回函數檢索HTML元素的href鏈接？

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存儲以字符串this.state.carType存儲的汽車的類型。

但是，這是我的鏈接：

本地主機：8080 / function％20（）％20％7B％20 [native％20code]％20％7D

有任何想法嗎？

謝謝。

Answer 1

一種簡單的方法是添加ReactRedirect並相應地使用

按照鏈接ReactRedirect

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

Answer 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;
}

測試鏈接