React:逆引き

Takami Torao Node.js 8 React 16 #nodejs #reactjs
  • このエントリーをはてなブックマークに追加
  • jQuery + Bootstrap のイベントハンドラ設定

    Bootstrap は jQuery に基づいたイベントハンドリングの操作を実装している。しかし React は動的に要素を生成するため、静的な HTML 部分に jQuery に基づいたイベントの設定を記述しても効果がない。React コンポーネントのマウント時と更新時にイベント設定の処理を実行する。

    componentDidMount(){
      window.$('[data-toggle="tooltip"]').tooltip()
    }
    componentDidUpdate() {
      window.$('[data-toggle="tooltip"]').tooltip()
    }
F