问题标签 [react-slick]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3918 浏览

javascript - 使用 React Slick 滑块在每张幻灯片中添加点

对于 React.js 中的滑块,我使用React Slick

使用此 API,我们可以使用Previous 和 Next 方法轻松地在每张幻灯片中添加上一个和下一个按钮。但我想知道如何用点做同样的事情。

每张幻灯片的结构如下:

容器结构如下:

组件如下:

}

谢谢 !

0 投票
0 回答
77 浏览

reactjs - slideToShow 未呈现指定数量的列

我正在使用 react-slick 来渲染数组中的元素。我的数组长度是 4,每个数组元素都包含子数组,我在 slideToShow 中指定了 4,在 slideToScroll 中指定了 4。在 4 列中它向我显示 3 列。下面是我的代码。

谁能告诉我,为什么它显示 3 列而不是 4 列。

注意:array_groups 数组包含 4 个数组元素。它正在创建第 4 列,但没有显示它。

0 投票
3 回答
1110 浏览

reactjs - React-Slick Slider Giving Error “Uncaught TypeError: Cannot call a class as a function”

我只在使用包'react-slick'时遇到这个问题。前一天晚上我没有遇到这个问题,但是今天启动我的开发服务器时,它给我带来了这个错误。在此处输入图像描述

我已经尝试重新安装我的 node_modules 无济于事。当我删除组件时,错误消失了。我在整个应用程序中都使用了这个包,而且所有东西都在同一天坏了!但是,应用程序的其他部分工作正常。

代码

0 投票
0 回答
1206 浏览

reactjs - react-slick 与 react-image-zoom 冲突图像缩放不起作用

我想要使​​用像电子商务产品这样的多滑块缩放图像,但是 react-image-zoom 与 react-slick 冲突

只有最后一张幻灯片图像缩放工作

有人请帮忙,谢谢

0 投票
1 回答
661 浏览

javascript - 将映射数组中的相关数据发送到模态?

演示应该发生的事情

所以我将数组中的数据映射到一个轮播中,总共创建了 20 个轮播项目。每个元素都有嵌入其中的“相同”按钮。当单击该按钮时,我想将每个元素的相关数据发送到模式中,老实说,我什至不知道从哪里开始。

这是我目前用于此组件的代码:

编辑:突出显示我想传递给相关模式的数据。

0 投票
1 回答
639 浏览

reactjs - react-slick - 元素类型无效:需要一个字符串

我正在尝试创建一个简单的滑块,但是当我map输入数据时,而不是简单地将 html 添加到滑块中,我收到以下错误:

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

我见过这些类似的问题,但不适用于我:

  1. 未捕获的错误:不变违规:元素类型无效:预期字符串(用于内置组件)或类/函数但得到:对象
  2. 未捕获的错误:元素类型无效:应为字符串(对于内置组件)
  3. 元素类型无效:应为字符串(用于内置组件)或类/函数

有什么明显的我失踪了吗?

我正在使用 react & react-dom v 16.6.3

0 投票
0 回答
622 浏览

reactjs - Swipe not working for youtube video in react-slick

I have built the react carousel component using react-slick. It includes youtube video player section. For this video player, I used tag.

Everything works well but swiping event doesn't work on video part. When I swipe on this, it doesn't slide next but just plays the video.

0 投票
0 回答
27 浏览

reactjs - React - 加载将 HTML 输出到 React Slick 组件的外部 js

只是想知道将外部脚本加载到呈现 HTML 的组件中的过程是什么?

我调用了一个脚本,它返回一个无序列表,我想将其用于图像轮播,它看起来像这样,但目前不起作用

这就是我的渲染中的内容

如果我直接复制/粘贴到标准 HTML 页面中,上面的代码就可以正常工作

谢谢

0 投票
2 回答
6574 浏览

javascript - 箭头没有显示在反应光滑的 4 多张照片中

当我在 react-slick 上有 4 张或更多照片时,我试图显示下一个和上一个箭头,但它们没有出现。它适用于 3 张或更少的照片。

这是代码的链接。 https://codesandbox.io/s/wyyrl6zz3l

0 投票
1 回答
238 浏览

react-slick - 将 React-Slick 与查询参数同步

我正在使用 React-Slick<Report />在轮播中渲染组件。我想将每个<Report />'sreportId与查询参数同步。

例如,用户将能够通过转到查看特定报告,myapp.com/reports?id=1并将其带到该特定“幻灯片”。

我遇到的问题是report在幻灯片初始化之前加载数据。我找不到 react-slickonInitonReInit.