Javascript 调整浏览器大小时，react slick幻灯片的宽度不会更改

我用react slick制作了一张推荐幻灯片

我的代码是：

 const settings = {
      dots: true,
      adaptiveHeight: true,
      swipeToSlide: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1,
      autoPlay: true,
      className: 'sample'
    };

一切正常。但是，当我调整浏览器大小时，幻灯片的宽度不会改变。我在console.log中查看，光滑轨道的宽度始终为9900px。我认为当我调整浏览器的大小时，宽度应该改变

谁能帮我解决这个问题？我想我在reactjs:（）中调整浏览器大小时遇到了重新渲染元素的问题

---

谢谢

如果您的目标是在调整浏览器大小时更改react slick选项，请使用responsive选项

var settings = {
  dots: true,
  infinite: false,
  speed: 500,
  slidesToShow: 4,
  slidesToScroll: 4,
  initialSlide: 0,
  responsive: [
    {
      breakpoint: 1024, // width to change options
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        initialSlide: 2
      }
    }
  ]
}

---

查看库中的问题部分。这似乎是一个非常基本的问题。肯定有人会解决它。您是否在任何地方设置宽度？我看到您将高度设置为自适应，但是（我不是react专业人士）我认为您需要将宽度设置为百分比。@约翰罗德我没有设置宽度。宽度将设置为平滑轨迹的内联样式。调整浏览器大小时，宽度将动态更改以制作幻灯片responsive@humanbean我仔细检查了，但在库中，它没有提到设置滑块的宽度。我检查当我调整浏览器的大小时，演示的宽度会动态地改变：（.我不知道这种情况。）