Linkにonclickコールバックを持たせる

linkタグで他ページに遷移する時には一般的にはtoプロパティを使いますが

何かの機能を追加したい場合はどうしても関数をかませたくなります。

linkではtoしか移動手段が無いイメージですが、onClickでもちゃんと遷移して

くれます。

<Link to={"/about/" + id}><Link>

これと同じ動きをonClickですると以下のようになります。

//関数
idSet(){
this.props.history.push({ pathname: '/about/' + id});
}
//JSX
<Link onClick={() => {this.idSet(id)}}></Link>

普通のボタンと同じ要領で実装することでonClickコールバックが動いてくれます。

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG