问题标签 [react-slick]

我面临与填充有关的问题。在最后一张幻灯片之后，如果您拖动，我们可以看到空间。

设置：slidesToShow：2，slidesToScroll：1

用户一次只能滚动一张幻灯片。

我正在使用 react-slick 并且我有自己的自定义箭头。此滑块不是无限循环，我想隐藏循环开始和结束处的箭头。所以基本上在开始时 PrevArrow 应该被隐藏，最后 NextArrow 应该被隐藏。我正在尝试根据状态更改设置隐藏的类名。但是，尽管状态正在正确更改，但类名并未更改。你知道这段代码有什么问题吗？以及如何让它工作？

下面是我对 Slider 和呈现 Slider 的组件的设置。

这里也是箭头组件的代码

在这里反应初学者。我的应用程序使用 create-react-app，并且我正在使用react-slick进行轮播。我正在尝试按照 react-slick 设置中提供的说明进行操作，但以下内容对我不起作用：

@import "~slick-carousel/slick/slick.css"; @import "~slick-carousel/slick/slick-theme.css";

我收到以下错误：

./src/components/Homepage.scss Module not found: Can't resolve '~slick-carousel/slick/slick.css' in '/Users/simon/Dev/frischideas/site-new/src/components'

如果我将 css 从 CDN 添加到 index.html，它会起作用，但我宁愿避免该网络调用，因为我相信它会影响初始加载时页面的呈现。

我尝试按照配置 create-react-app 以使用相对路径的说明进行操作，但这对我也不起作用。也许我完全误解了，但我认为 ~ 符号可以让我从 /node_modules 中的包中导入 scss。

任何建议/澄清将不胜感激。

更新：从我的 webpack.config 文件中添加设置（其中大部分是 create-react-app 的默认设置）。

我正在使用 React-Slick 作为图像轮播，并且在屏幕尺寸缩小时尝试将图像分出另一个图像。我想用 srcset 来做这件事，而不是试图拼凑一些背景图像解决方案。但是，每当我尝试时，只会出现 srcset 中的第一张图像，并且当屏幕宽度发生变化时，图像不会改变。我试过刷新页面，仍然得到相同的图像。如何在特定屏幕宽度下使用 srcset 响应式切换图像（如果这不能通过另一种技术工作）。

我已经包含了下面的代码。我很抱歉，因为它是 React，所以我无法制作代码片段。

^^我正在尝试做出响应的特定图像

我已经实现了 react-slick。当我放置 slickGoTo 和 slidesToScroll 时遇到问题。当页面加载最初调用 slickGoTo 到第 4 个。一旦完成，它就会失去对 slidesToScroll 的控制，并且最后一项不可见。

http://jsfiddle.net/svx2dzwL/

我在stackoverflow中提出了同样的问题，但没有帮助。 Slick Slider slickGoTo 方法打破轮播

我正在使用 react-slick 在我的项目中创建一个轮播。我已经阅读了文档并尝试了不同的方法，但找不到完全按照我需要的方式自定义它的方法......有谁知道是否有办法让 nextArrow 显示在图像上/前面而不是这是正确的？有关所需结果，请参见下图： image

谢谢你的帮助！

我正在使用react-slick，我遇到的问题是，每当轮播更改时，它会自动锚定到页面顶部，与您在页面上的位置无关。

这些都是我通过 css 所做的更改。

这些是我传递给组件的设置：

谁能阐明我做错了什么以及为什么会发生这种情况？

呈现的html：

我正在尝试使用React-Slick轮播组件，但在将其显示在应用程序中并收到此错误时遇到问题...

未捕获（承诺中）错误：_registerComponent(...)：目标容器不是 DOM 元素。

特征Carousel.js

应该显示在页面部分3-section.js然后显示在页面中。

不确定它是否会有所作为，但我也在使用GatsbyJS GatsbyJs，我对 React 的了解是有限的而且非常新。

我正在尝试使用库instafeed.js和react- slick 创建一个显示 instagram 提要幻灯片的页面。很多资料都写到使用jquery slick 库和 instafeed.js 从提要中轻松实现照片轮播的文章如下：

您只需在 after() 函数中添加光滑的功能。

在查看 slick 库的 react-version 文档时，动态内容应该是这样的：

很多消息来源都在谈论与 2 个库一起制作 instagram-feed-carousel 而不显示任何解决方案是多么容易，所以我对如何使这项工作有点迷茫，因为我不知道如何从 react-slick 将我的 instagram-feed 动态添加到滑块组件中。

我正在使用react-slick在 React 中实现轮播。轮播在 Chrome 中运行良好。但是，在 Firefox (47.0) 中，它给出了一个错误：“TypeError：images.forEach 不是函数”。

我试图在 react slick 滑块中只包含图像标签，如下面的代码：

但是，我仍然在 Firefox 中遇到同样的错误。