问题标签 [react-slick]

我试图在我的项目中遵循这个例子，但我无法让它工作https://react-slick.neostack.com/docs/example/as-nav- 因为我认为原因是：

1. 它需要两个对象的引用来同步它们
2. 它应该与 componentDidMount() 中设置的状态同步
3. 设置状态时，参考未定义

我认为 ref 回调应该在 componentDidMount() 之前执行，但事实并非如此：

我的代码位：

这些是日志：

类似问题： componentDidMount 在 ref 回调之前调用

在桌面上，我似乎无法获得在我的轮播上工作的宽度，它显示了一些下一个。

我曾尝试使用 javascript 来获取列表的宽度，但这会破坏浮动。即使我在里面放了一个简单的图像，我也有同样的问题..

我正在使用 react-slick 模块...不知道这是否有帮助...

http://34.205.143.7/community/

以下是设置：

谢谢

我无法让这些 React-Slick 滑块组件具有相同的高度。它们都是响应式 div，并且会随着页面大小的变化而相应地调整大小，但理想情况下，我希望左侧的 div 与右侧的 div 具有相同的高度。

我用下面的代码片段定义了我的 SimpleSlider。

然后我的 SliderComponent 被定义为

谁能帮我这个？感觉它应该是可能的并且不是非常困难，但我无法弄清楚。

React-Slick 几天前应该正常工作，现在我更新了版本，它将所有幻灯片包装在一个 div 中，这打破了旧结构并且表现得很奇怪。

我试图降级并删除所有设置，但没有帮助。我知道在降级到以前的版本后我有同样的问题很奇怪，但我完全确定 2 天前它工作正常。

这是我使用 react-slick 的方法：

以下是设置：

这是浏览器中的标记：

我正在做一个反应项目。我有一个页面必须使用多个 react-slick 元素。我想维护每个光滑元素的索引。目前我正在这样做

上述代码的简要说明：

我有一组用户。每个用户都分配有一个滑块。这就是为什么我要映射用户数组并在每个映射中进行渲染。

目前，“settings”中的“currentSlide”参数将状态“currentSlide”设置为currentSlide。问题是所有滑块的状态变化相同。无法跟踪哪个滑块正在滑动。我应该能够更改或维护滑块及其相应的索引。我该怎么做？

我的代码有什么问题？这是一个滑块：

我正在使用react-slick，我测试了它是否item.cover正在接收一些数据，并且它确实接收到了数据。但是当我将数据放入样式中时，它不会出现在检查它并且它不会收到任何错误。

示例：此处的代码

我在我的 reactjs 应用程序中使用 react-slick。我正在尝试在滑块中实现下一个和上一个箭头。但这不起作用。这是我的代码

这是我的“settingss”变量，它被应用于

这是我的滑块代码。

我正在按照文档使用指南。我究竟做错了什么？

我正在使用这个插件https://github.com/akiran/react-slick作为图像滑块，但由于某种原因，我无法实现我想要的。

这是一个示例代码：

除非图像文件名像abstract01，abstract02，否则这工作得很好，在我的情况下，图像文件名是随机的，它可以是任何东西，因此缩略图部分对我不起作用。是否有任何选项可以让我在customPaging上传递一些其他参数，以便我可以接收src attr 并从那里获取文件名。

任何想法都会在这里不胜感激。注意：我的案例中的图像来自 amazon s3，所以我根本无法控制它们！

我正在使用反应。我正在尝试实现轮播，并且尝试在 react-slick 中触发自动播放选项（字面意思是 Slider 的道具），react-slick中的自动播放不起作用。

我是新手，所以也许这个问题有点基本。我有一个多项目轮播。Dots 当前设置为 true，但是当它使用 4 张幻灯片动态加载并且设置为：

slidesToShow：4，slidesToScroll：4，平板电脑仍然显示点（最大宽度：768px）......关键是我想隐藏它。

有没有办法添加条件，所以当幻灯片计数为 4 时，响应宽度为 768px 以隐藏点？

这是一个例子：https ://codepen.io/fauslg/pen/wXmWxL

this.settings = { dots: true, infinite: false, speed: 500, slidesToShow: 4, slidesToScroll: 4, arrows: false, responsive: