问题标签 [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 回答
4562 浏览

reactjs - 在最小宽度处禁用 React 光滑滑块

我试图在 min-width: 768px 处禁用反应滑块,但反应光滑滑块似乎只支持最大宽度。我responsive在光滑设置中使用该属性,根据文档,这需要一个带有该断点设置的断点。然而,断点是最大宽度而不是最小宽度,我试图在断点 768px 处使用“unslick”禁用轮播。有没有办法可以在 min-width: 768 而不是 max-width 处禁用轮播?

0 投票
1 回答
2181 浏览

reactjs - 如何向 [react-slick] 添加支持触摸的灯箱功能?

在构建了使用 jQuery 插件提供大部分功能的网站后,我最近搬到了 React。为了创建图像滑块 + 灯箱,我曾经将slick.jshalkaBox.jsSimpleLightbox结合使用(这很容易)。

现在我正在使用 React,我发现react-slick是一个很棒的滑块组件,但我不确定如何最好地向它添加支持触摸的灯箱功能。是否有一个支持触摸的 React 灯箱组件与 react-slick 搭配得很好?有没有合适的方法将 halkaBox.js 之类的 JS 插件与 react- slick 之类的 React 组件结合起来?

任何指导将不胜感激!

0 投票
0 回答
460 浏览

reactjs - 反应隐藏未知道具警告

我正在使用一个包,它有一个问题导致 React 控制台错误“未知道具警告”,我正在寻找一个短期解决方案来隐藏错误,直到可以找到/使用其他东西。

有没有办法隐藏这个?

编辑:它更多的是关于如何全面禁用这些错误的一般问题,我想避免滚动条标记它,因为它会导致日志中出现很多错误。

但是我使用 reactslick,有很多关于这个错误的报告问题,但我从未找到解决方法,它来自下面的代码片段:(我相信它会传递每个道具,即使是它不需要的道具。

0 投票
1 回答
321 浏览

reactjs - Can't resolve 'SimpleSlider.js' from "react-slick"

I'm having a hard time understanding what's happening here. I'm installing the "react-slick" component and I followed the github's instruction but there seems to be something going wrong (The slider is not found) Could you please help me with this? Here's the relevant parts:

Where it's called: image

Where it's rendered: image

My package.json file: image

Thanks a lot!

0 投票
5 回答
11401 浏览

javascript - react-slick carousel 通过滚动事件循环幻灯片 - 反应 js,javascript

这是我正在使用的轮播:react-slick

我希望能够使用鼠标向上或向下滚动事件滚动浏览每张幻灯片。

向上滚动以增加,向下滚动以减少。

在网上找到了我所需要的示例-只是不确定如何将其转换为反应解决方案。

示例:https ://codepen.io/Grawl/pen/mMLQQb

在基于“反应”组件的方法中实现这一目标的最佳方法是什么?

这是我的反应组件:

0 投票
0 回答
239 浏览

javascript - React 无法在“窗口”上执行“滚动”:参数 1

我遇到了一个奇怪的错误 - 试图在react-slick滑块的反应中触发下一个和上一个滚动事件。

错误:

TypeError:无法在“窗口”上执行“滚动”:参数 1(“选项”)不是对象。

这是我的代码:

0 投票
1 回答
646 浏览

reactjs - React-slick 和 Nuka-carousel 在 Mozilla Firefox 中不起作用

我在我的项目中导入了 React-slick 和 Nuka-carousel。它在 Opera 和 chrome 中运行良好,但在 Mozilla Firefox 中只有点和箭头可见。 在此处输入图像描述

在此处输入图像描述

1.Mozilla火狐浏览器。2.Chrome视图

0 投票
1 回答
2192 浏览

reactjs - react-slick 没有滑动效果

我正在使用这个 npm 组件来创建一个轮播。 https://github.com/akiran/react-slick

这很好用,但我需要找到一种方法来消除滑动效果。通过 repo 的文档有一个slide属性,但它似乎不起作用。有人遇到过这个案例吗?任何帮助将不胜感激!

0 投票
0 回答
731 浏览

reactjs - 宽度=0的反应光滑(img不显示)

我正在使用react-slick,我很难弄清楚这种奇怪的width=0行为是怎么回事。我在 github repo 上遇到了这个问题,但我还没有解决它。我的图像没有显示。有什么想法可以解决这个问题吗?谢谢!以下是相关代码:


0 投票
1 回答
940 浏览

reactjs - 带有行的 React-slick 或 Nuka 轮播

我刚开始学习 ReactJS,不得不将现有模板移植到 ReactJS 模板。目前我无法在 react-slick 中实现行。自 2015 年以来,我看到很多人提出这个问题,但没有得到答复。即使是与 Slick-Carousel 为同一作者专门为 ReactJS 创建的新 Nuka Carousel,也没有实现对行的支持。

在 react-slick 或 nuka-carousel 中设置行的最佳解决方法是什么?