react-bootstrap - React-Bootstrap でタブの「hide.bs.tab」イベントをキャッチする方法

Question

ドキュメントにより、React-Bootstrap は、タブが別のタブに切り替わると起動するタブのonSelectメソッドをサポートします。タブが閉じ始める瞬間を判断するために、ネイティブの Twitter Bootstrap イベントhide.bs.tabに似たものを探しています。

onExit メソッドを使用するユーティリティをいくつか見つけましたが、それはタブでは機能しません。

どうやってするか？

Answer 1

nav-tabs のアンカー要素に onClick イベントを添付できます。

<ul className="nav nav-tabs">
  <li className="nav-item">
    <a className="nav-link active" data-toggle="tab" href="#tabOne" role="tab" onClick={this.handleTabChange}>Tab One</a>
  </li>
  <li className="nav-item">
    <a className="nav-link active" data-toggle="tab" href="#tabTwo" role="tab" onClick={this.handleTabChange}>Tab Two</a>
  </li>
</ul>