Keen-slider在第一次渲染- NextJS时不能很好地与服务器端渲染配合使用

5f0d552i  于 2023-01-20  发布在  其他
关注(0)|答案(1)|浏览(162)

我正在将nextJS与typescript配合使用,在使用ken-slider库v5.4.0时出现1个错误。该错误发生在第一次渲染ken-slider时,当我拖动滑块时,这些项目不是同一类型的转换。2它导致项目堆叠在彼此的顶部。3有人遇到过这样的情况吗?4请让我知道任何可以修复它的方法。谢谢大家。

h22fl7wq

h22fl7wq1#

我通过升级到keen-slider版本6.6.14修复了上述问题。

npm i keen-slider@v6.6.14

并在下面添加此代码

const [internalSliderRef, internalSlider] = useKeenSlider(sliderOptions);

  React.useEffect(() => {
    internalSlider.current?.update({
      ...sliderOptions
    });
  }, [internalSlider, sliderOptions]);

谢谢你们

相关问题