相关疑难解决方法(0)

很抱歉，我缺乏知识，但我是新手，目前正在学习。只想问一下我是否想在我的react应用程序中使用bootstrap 4，是否必须安装JQUERY？我在某处读到，将JQUERY与React一起使用是不行的。所以现在我在想。谢谢回复。您的意见和建议是真正的赞赏。

我目前正在使用 React 为我的 Web 应用程序开发屏幕处理程序，并且在为屏幕键上的退格键和箭头创建事件时遇到一些问题。

我有这样的布局

我正在查看一些使用 jquery 的问题，但我也遇到了多个 SO 问题，这些问题说由于 React 使用虚拟 DOM 概念，因此将 jquery 与 React 一起使用是一种不好的做法。

如何在文本字段上触发退格键？

如何将 JQuery 与 ReactJS 结合使用

如何使用 React 或纯 JS 模拟屏幕控件中的退格键和左右箭头按钮的事件。

更新

我不想根据按键触发屏幕按钮，反之亦然。我想单击屏幕按钮，该按钮会自动触发键盘按下事件，并在输入时执行必要的事件。

我正在尝试使用使用大量jQuery的布局/模板的项目。

我已经学会了将模板与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职能。

{/* <!--- SIDEBAR -------> */}
 <div class="wrapper" style={{paddingTop:60}}>
           {/* <!-- Sidebar Holder --> */ } …

我正在尝试在React Js中使用jQuery,但它显示了这一点"$" is undefined.我需要安装一些软件包,还是React不支持jQuery.