Javascript 将jquery插件与react一起使用时导入出错

我正在尝试使用jquery.infinitedrag在react中创建一个组件。我的代码在这里：

//Grid.js
从“React”导入React
导入“./jquery/jquery.min.js”
导入“./jquery/jquery ui.min.js”
导入“./jquery/jquery ui.min.css”
导入“./jquery/jquery.infinitedrag.js”
导出默认类网格扩展React.Component{
componentDidMount（）{
$.infinitedrag（“墙”）
}
render（）{
返回(
)
}
}

这应该通过在react渲染时生成一个div（由id标识）来实现，然后在组件装载后填充一个无限网格。问题是，出于某种原因，jquery.infinitedrag变得混乱起来。以下是错误：

Failed to compile.

./src/jquery/jquery.infinitedrag.js
  Line 108:4:  Expected an assignment or function call and instead saw an expression  no-unused-expressions
  Line 277:4:  'jQuery' is not defined                                                no-undef

我的文件结构如下所示：

src
  -jquery
    -jquery.min.js
    -jquery-ui.min.js
    -jquery-ui.min.css
    -jquery.infinitedrag.min.js
  -Grid.js
  -misc other components and stuff

---

我对javascript相当陌生，因此这可能是一个愚蠢的问题。

npm install jquery

或

npm update

删除第二个错误