Javascript 如何在react组件中导入js文件？

在custom.js中，我发现上面的脚本代码功能在使用下面的导入时不起作用

$( "#left_arrow" ).click(function() {   
  if ($(".left_block").hasClass("w-0")) {
     $(".left_block" ).removeClass("w-0");        
   }else{
     $(".left_block" ).addClass("w-0");
   }
 });

---

在Html页面中，当我加载此文件时，它正在工作，但在react组件中写入时它不工作

您不应该将jquery与react混合使用，您想要实现的功能可以很容易地在react中实现

类应用程序扩展了React.Component{
状态={
类别：“w-0”
}
handleClick=（）=>{
如果（this.state.class=='w-0'）{
this.setState（{class:'}）
}否则{
this.setState（{class:'w-0'}）
}
}
render（）{
返回(
箭
你好，世界
)
}
}
ReactDOM.render（，document.getElementById（'app'））

老实说，你甚至不应该需要jQuery来处理点击事件和添加类，你应该让React这样做。但是这不起作用。我是Andrew Li，你需要从jQuery开始，在React中解决这个问题。如果你重构这个问题，问你如何在React中实现这样的东西，你会更好。如何在返回中实现此功能我有两个div，一个用于右，一个用于左。你需要在要单击的任何div上单击一次，如上面代码段中所述，我需要将此放置在何处。state你想在何处添加此类。你能添加你的代码吗

 import * as script from '../js/custom.js';