Wie man jQuery in die react App einbaut?

Question

Ich habe eine Reagieren-App und für das reaktionsfähige Menü brauche ich es, um jQuery zu akzeptieren, so dass ich Menü umschalten für das Menü verwenden kann. Ich bin neu zu reagieren und wenn ich plain jQuery in reagieren, zeigt es einen Fehler.

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

Sie verwenden ES6 ich sehen kann, so würde ich raten daher Klassen verwenden und Component Objekt erweitern. Im Allgemeinen, wenn Sie wirklich JQuery mit React verwenden müssen, können Sie es so machen:

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;