Reactjs this.props不鏈接元素

Question

內部渲染所以我有一個反應成分：

var ReportRow = React.createClass({ 
    render: function() { 
    return (
     <tr> 
      <td><a href="/report/{this.props.report.pk}/">{this.props.report.pk}</a></td> 
      <td><a href="/report/{this.props.report.pk}/">{this.props.report.name}</a></td> 
      <td><a href="/report/{this.props.report.pk}/">{this.props.report.unit}</a></td> 
      <td><a href="/report/{this.props.report.pk}/">{this.props.report.date}</a></td> 
     </tr> 
    ); 
    } 
}); 

而且除了一些原因report.pk不填充在href鏈接一切都呈現巨大。它適用於顯示，但不適用於報告鏈接。

而是我的鏈接看起來是這樣的：

http://127.0.0.1:8000/report/%7Bthis.props.report.pk%7D/ 

Answer 1

您是否嘗試過這樣的事情？

<a href={"/report/" + this.props.report.pk + "/"}> 

另一個解決方法與fiddle

render: function() { 
    var string = "hello " + this.props.name + "com"; 
    return <a href={string}>Hello</a>; 
} 

我希望它會幫助你

Answer 2

嘗試的console.log（this.props.report）或執行console.log（this.props.report。 PK）來檢查你的道具是否有價值分配。