React:逆引き

2018年7月23日 Node.js 8 React 16 #nodejs #reactjs

Tweet

jQuery + Bootstrap のイベントハンドラ設定

Bootstrap は jQuery に基づいたイベントハンドリングの操作を実装している。しかし React は動的に要素を生成するため、静的な HTML 部分に jQuery に基づいたイベントの設定を記述しても効果がない。React コンポーネントのマウント時と更新時にイベント設定の処理を実行する。
```
componentDidMount(){
  window.$('[data-toggle="tooltip"]').tooltip()
}
componentDidUpdate() {
  window.$('[data-toggle="tooltip"]').tooltip()
}
```