如何在ReactJS中使用JQuery

Question

我是ReactJS的新手。以前，我使用jQuery设置所需的任何动画或功能。但是现在我正在尝试使用ReactJS并尽量减少使用jQuery。

我的案例是：

我正在尝试使用ReactJS构建手风琴。

<div class="accor">

   <div class="head">Head 1</div>

   <div class="body hide">Body 1</div>

</div>

<div class="accor">

   <div class="head">Head 1</div>

   <div class="body hide">Body 1</div>

</div>

<div class="accor">

   <div class="head">Head 1</div>

   <div class="body hide">Body 1</div>

</div>

使用JQuery：

$('.accor > .head').on('click', function(){

   $('.accor > .body').slideUp();

   $(this).next().slideDown();

});

我的问题：

我该如何使用ReactJS？

Answer 1

步骤1：npm install jquery第2步：touch loader.js&nbsp;项目文件夹中的某个位置第三步：//loader.jswindow.$ = window.jQuery = require('jquery')步骤4：在导入需要jQuery的文件之前，将加载程序导入到您的根文件中//App.jsimport '<pathToYourLoader>/loader.js'步骤5：现在在代码中的任何地方使用jQuery：//SomeReact.jsclass SomeClass extends React.Compontent {...handleClick = () => {&nbsp; &nbsp;$('.accor > .head').on('click', function(){&nbsp; &nbsp; &nbsp; $('.accor > .body').slideUp();&nbsp; &nbsp; &nbsp; $(this).next().slideDown();&nbsp; &nbsp;});}...export default SomeClass