首页 > 解决方案 > React Slick 没有预期的默认水平行为

问题描述

我正在使用库 react-slick 来让这些演示在我的系统上运行。正如预期的那样,反应光滑应该得到箭头和水平行为,但即使使用相同的代码,我也没有看到这种情况发生。

这是代码笔: https ://codesandbox.io/s/determined-napier-4jg7p

这是我正在尝试使用的库: https ://github.com/akiran/react-slick 以及他们在 codepen 上的演示: https ://codesandbox.io/s/ppwkk5l6xx

我使用了最后一个 codepen 演示,但它在我的系统上没有按预期工作,而且我在轮播中没有看到任何箭头。

标签: javascriptreactjs

解决方案


您需要添加 slick.min.css 和 slick-theme.min.css 作为外部资源。

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick -theme.min.css

这将立即解决您的问题。

享受!


推荐阅读