Reactjs 反应和圆滑：Resensive不起作用

我正在尝试在react应用程序中添加slick carousel，到目前为止slick滑动工作正常，但响应部分不工作，如果我做错了什么，请检查此代码

$('.slick-container1').slick({
        dots: true,
        infinite: false,
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 4,
        responsive: [
          {
            breakpoint: 900,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 3,
            },
          },
          {
            breakpoint: 767,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 2,
            },
          },
          {
            breakpoint: 600,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 2,
            },
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            },
          },
        ],
      });

---

同样的代码在普通html设计中完全可以正常工作，但在react中却不行

如果你看到这一点，我更喜欢使用react-slick版本，它更容易实现，而不是在react-Apps中添加标签如果你看到这一点，我更喜欢使用react-slick版本，它更容易实现，而不是在react-Apps中添加标签