onClickが指定されているときにhrefを開かないでください。

Question

<a>タグは、onClickプロパティに関数を提供することでアプリケーションのカスタムPDFビューアを開きます。

アクセシビリティのためにhrefを提供したいので、ユーザーは新しいタブで右クリック→開くことができます。

ただし、ユーザーが<a>タグをクリックすると、実際にリンクを開くことは望ましくなく、代わりにonClick関数がイベントを処理する必要があります。平野JSで

render(){ 
    return (<a href="www.stackoverflow.com" onClick={(e)=>this.linkClick(e)} >click here</a>) 
} 

linkClick(e) { 
    e.stopPropagation(); // does not stop the link from opening 
    console.log("link clicked"); 
    return false; // does not stop the link from opening 
} 

これは、onClickの機能にreturning falseによって行うことができます。

現在、我々はこのような気にいらを持っています。 また、stopPropagation()を追加してみました。 反応しているユーザーがいますが、href="javascript: void(0)"を追加してリンクを無効にしていますが、アクセシビリティのニーズを満たしていません。

Answer 1

preventDefaultを使用してください。反応0.12からfalsehas been deprecatedを返す。

linkClick(e) { 
    e.preventDefault(); 
    console.log("link clicked"); 
}