问题标签 [react-slick]

当我们尝试在 react-slick 滑块中提供超过 12 张图像时，图像会出现并立即消失。如何使用 react-slick 解决这个一致性问题。我已经使用下面的链接来做到这一点。

https://github.com/akiran/react-slick

我有一个使用 react-slick 的旋转木马，我希望主幻灯片与另一个组件具有相同的宽度并具有响应性。

我试着这样计算：

在我的渲染方法中，我有：

最后在我回来

但是我遇到了这个错误：

我已经在控制台中进行了计算，一切正常，所以不确定这是从哪里来的

我使用了 react-slick 并使用 Slider 组件制作了一个轮播。代码如下，

和设置对象，

我添加了一些额外的 CSS 来设置我的轮播点（按钮）的样式，如下所示，

当开发人员工具检查与当前显示的幻灯片相关的按钮时，会注入一个名为“slick-active”的 CSS 类

我需要做的是将与幻灯片相对应的按钮的背景颜色更改为黑色，以重现当前颜色的紫色。

我所做的是，

但它不会起作用。我错过了什么？

.button__bar是我在设置对象中赋予点的dotsClass。

我正在使用 react-slick 来显示图像列表。

我想启用一个 onClick 方法，该方法在单击时全屏打开图像。我尝试了各种 react-slick 设置，但似乎没有任何效果。

我正在尝试使用 react-slick 在我的项目中呈现多个项目的轮播，但是在映射我的 graphql 查询中的数据时遇到了问题。只有当我手动放置物品时，旋转木马才能很好地工作……但想法并非如此。

然后我把运行良好的代码：

------SliderCarousel.js------

----下面的代码显示了水平方向的项目，并且在视觉上不起作用。我认为这是渲染通过graphql来的元素时出现的问题。

我已经为我的网站实现了 React Slick Slider，它适用于桌面视图并相应地采用适当的宽度，但是如果我切换到响应式视图，则容器的宽度不合适，并且看起来都变形了。

我试图用 CSS 修复它，给slick-trackdiv 100% 的宽度，但没有任何效果。

以下是容器：slick-track，下面是正在添加的内联 css：

下面是我如何在我的组件中初始化滑块：

以下是循环中的示例 HTML 结构：

注意：附上图像以显示结果。

我想要连续 2 列用于响应式光滑滑块。

我使用 react-slick 和引导网格。jquery 未连接 - 仅使用 bootstrap 4 scss 文件（scss / bootstrap-grid.scss 和 scss / utility / _sizing.scss）。幻灯片位于网格容器内：

当屏幕分辨率低于 576 像素时，就会出现问题——滑块内的幻灯片宽度变大——4473890 像素。问题通过替换字符串解决

上

在 scss 引导配置文件中。这个解决方案是不正确的，因为屏幕宽度小于 576 像素的容器具有 320 像素的固定宽度。

我对反应还很陌生，我被困在我觉得微不足道的事情上。所以我想做的是我想将数据从父组件传递给子组件。我的代码看起来像这样。

所以基本上我现在只是控制台记录结果，但我想以某种方式将 res 传递给包装在 Dialog 组件中的 ReactSlick 组件。我将如何使用 ReactSlick 组件中的 res 数据？

我在寻求帮助，如果悬停图像中的滑块尺寸小不完整或未覆盖，我有一个问题，但是如果大尺寸图像完全覆盖，如何相同，我的工具使用react-滑块和缩放悬停的 slick 插件 react-image-magnify

查看完整并运行以下链接中的代码

https://codesandbox.io/embed/m4z84581p8

下面这张是错图，应该是图片hover遇到边框的时候

缩放后

悬停或缩放之前

但如果图像在悬停或缩放时很大，则图像是完整的框

前

我想要的是，如果图像在悬停或缩放时不同，则图像符合边框框，例如以下链接或图片编号的示例。2

https://www.tokopedia.com/laris88/640-adjustable-shoes-organizer-tempat-sepatu?trkid=f=Ca0000L000P0W0S0Sh,Co0Po0Fr0Cb0_src=search_page=1_ob=23_q=sepatu_po=29_catid=1372<=/searchproduct%20-% 20p6%20-%20产品

我正在导入 react-slick css 文件。当我cssModules:true从 next.config.js 文件中删除时，一切正常。知道为什么添加cssModules:true 会产生问题吗？