どのように使用して反応の包括的なdivにリンクしますか？

Question

<Link to="/promospace/detail"> 
    <div className="card"> 
     /* content */ 
    </div> 
</Link> 

私は上記のことはできませんが、エラーはありませんが、動作しません。どのようにリンク内のdivをラップする手がかり？または、それをクリックハンドラにバインドする必要がありますか？ jsxでリンクを使用できませんか？

Answer 1

リンク内でスパンを使用し、その上にdisplay: blockを設定しても、それは間違いなくどこでもうまく動作し、検証されます。

<Link to="/promospace/detail"> 
    <span className="card" style={{"display": "block"}}> 
     /* content */ 
    </span> 
</Link> 

さもないと、あなたはonClickイベントを別のタグから使用いけない理由

changeRoute =() => { 
    this.context.router.push('/promospace/detail'); 
} 
...... 
<div className="card" onClick={this.changeRoute}> 
     /* content */ 
</div> 

.... 
MyComponent.contextTypes = { 
    router: React.PropTypes.func.isRequired 
}