如何定义这个 $ react JS

Question

我已经使用 create-react-app 创建了应用程序。我导入 owl.carousel 但为什么会显示此错误。

如何定义这个$

  Line 12:15:  '$' is not defined  no-undef
  Line 21:5:   '$' is not defined  no-undef
  Line 24:5:   '$' is not defined  no-undef

这是组件代码


    var owl = $(".owl-carousel");
    owl.owlCarousel({
      items: 4,
      loop: true,
      margin: 10,
      autoplay: true,
      autoplayTimeout: 1000,
      autoplayHoverPause: true,
    });
    $(".play").on("click", function () {
      owl.trigger("play.owl.autoplay", [1000]);
    });
    $(".stop").on("click", function () {
      owl.trigger("stop.owl.autoplay");
    });

无法读取未定义的属性。 this picture of error that I got

Answer 1

像这样使用 ReactJS 将 jQuery 导入您的项目...

import $ from 'jquery';

在此之前，您必须将其安装到您的项目中。有关详细信息，请参阅 NPM 文档：npm->jQuery。您可以通过以下方式使用 npm 安装它...

npm install --save jquery

您可以通过检查 package.json 文件并查看...来了解安装是否成功...

"dependencies": {
  "jquery": "^3.3.1",
  ....

如何定义这个 $ react JS

how to define this $ react JS

reactjs

carousel

owl-carousel