jQueryを反応アプリに組み込む方法は？

Question

私は反応型のアプリケーションを持っています。応答可能なメニューでは、jQueryを受け入れてメニューのメニューを切り替える必要があります。私は反応するのが新しく、単純なjQueryを反応に追加すると、エラーが表示されます。

import React from 'react'; 
import { Link } from 'react-router'; 

function Menu() { 
    return (
    <div className="head row"> 
    <div className="container"> 
     <div className="col-md-12"> 
     <div className="col-sm-12 col-md-6 top-left"> 
      <Link to ="/"><img className="img-responsive mainlogo" src={require('./Header-logo.png')} alt="logo"/></Link> 
      <Link className="peaks" to="/">SPORT</Link> 
      <div className="mobile-menu hidden-md hidden-lg"> 
      <div className="icon"><Link className="toggle-menu" to="#"><i className="material-icons">menu</i></Link></div> 
      <div className="text">MENU</div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 

    (".toggle-menu").click(function(){ 
    (".menu").toggle(); 
    }); 

); 
} 

export default Menu; 

Answer 1

あなたは私が見ることができるES6を使用するので、私は結果的にクラスを使用してComponentオブジェクトを拡張お勧めします。一般に、Reactで実際にJQueryを使用する必要がある場合は、次のようにすることができます。

import React, { Component } from 'react'; 
import { Link } from 'react-router'; 

class Menu extends Component { 
    componentDidMount() { 
    //some JQuery code - runs after render function 
    } 
    render() { 
    return <div className="head row"> 
     <div className="container"> 
     {/* your HTML that I'm skipping */} 
     </div> 
    </div> 
    } 
} 

export default Menu;