react怎么引入jquery_在React中使用Jquery的正确方法是什么？

我正在尝试使用一个使用大量jQuery的Layout / Template的项目。

我已经学会了将模板与ReactJS Project集成在一起，但是，我正在寻找一种可以完全替代jQuery的解决方案。

我的解决方案之一是在内部使用jQuery函数ComponentDidMount()或Render()React函数。

这种方法正确吗？这是正确的方法吗？

我在下面附上一个小例子：

import React, { Component } from 'react';

import '../stylesheets/commonstyles.css';

import '../stylesheets/bootstrap-sidebar.css';

import '../stylesheets/sidebar1.css';

import $ from 'jquery';

class NavBar extends Component {

constructor(props){

super(props);

this.openSidebar = this.openSidebar.bind(this);

}

openSidebar(){

console.log('hello sidebar');

}

componentWillMount(){

$(document).ready(function () {

$('#sidebarCollapse').on('click', function () {

$('#sidebar').toggleClass('active');

});

$('.search-btn').on("click", function () {

$('.search').toggleClass("search-open");

return false;

});

});

}

这是我的Render职能。

{/* */}

{/* */ }

Dashboard

BS

• Home

  • Home 1
  • Home 2
  • Home 3

• About

  Pages

  • Page 1
  • Page 2
  • Page 3

• Portfolio

• FAQ

• Contact

{ /* */ }