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

5f0d552i 于 2023-01-20 发布在其他

关注(0)|答案(1)|浏览(161)

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

next.js

来源：https://stackoverflow.com/questions/72554713/keen-slider-doesnt-work-well-with-server-side-render-on-the-first-render-next

1条答案

按热度按时间

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]);

谢谢你们

赞(0）回复(0）举报 2023-01-20

我来回答

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

1条答案

相关问题

热门标签

最新问答