私はonClick(React)ハンドラをテーブルセルに正しく配置していますが、 "Open in a New Tab"タグのhref
はあなたに与えます。予想通り、単一の要素の両方を兼ね備えしようとhrefを "新しいタブで開く" onClickハンドラを使用して
は動作しません、もちろん:
<td onClick={this.someFunction} href="someLink">
...some content
<td>
は、以前私はテーブルのセル内にネストされたアンカータグには完全な高さにまたがる持つに見えたので、いつでもセルの内容を右クリックしたときに、「新しいタブで開く」ことができましたが、テーブルセルの要素にはonClick
ハンドラを保持してください。しかし、そのアプローチには様々な問題があります。outlined here。
TLDR:上書きすると他の問題が発生します。ソリューションにはさまざまな互換性の問題があります。
私は上記の方法でそのアプローチを断った。アイデア/提案? アンカー/ hrefを使用せずに[新しいタブで開く]オプションを使用する方法はありますか?
おそらくこれの複製:https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window-using-javascript – maxhallinan
テーブルセル要素のhref? –
@ RokoC.Buljanはい、私はどのように奇妙なその音を知っています。私はそれを例として示していました。もともとは、テーブルセルの内部に 'href'というアンカータグがありましたが、アンカータグを完全な高さに渡すことは、ポジショニングを乱すことなく実行可能なオプションには見えません。 – Jose