React-slick 修改

Posted

技术标签:

【中文标题】React-slick 修改【英文标题】:React-slick modifications 【发布时间】:2018-07-08 08:15:29 【问题描述】:

我正在使用 react-slick,我想为我的滑块添加一些功能。 我需要一些帮助来禁用滑块初始状态的左箭头,因为滑块是无限的。另外,我正在显示 3 个元素,并且我想在第 3 个元素上添加一个渐变蒙版(当前幻灯片之后的那个 - 当前滑块具有类 slick-active)。

我正在考虑使用jQuery,但由于这不是一个好的做法,因此我们将不胜感激。

React-slick: https://react-slick.neostack.com

【问题讨论】:

【参考方案1】:

如果您选择使用非无限的滑块,则在初始状态左箭头被禁用(类“slick-disabled”)。要隐藏它,您可以使用 CSS。 对于第二个,您可以使用“afterChange”道具(This is an example)。

【讨论】:

以上是关于React-slick 修改的主要内容,如果未能解决你的问题,请参考以下文章

无法从“react-slick”解析“SimpleSlider.js”

React-slick 与 gatsby-plugin-image

维护多个 react-slick 的索引

不显示滑块照片 使用 react-slick 做出反应

React Image Preload 和 React-Slick 的错误

样式 react-slick.neostack