问题标签 [react-responsive-carousel]

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 投票
0 回答
110 浏览

css - react-responsive-carousel 在移动视图中自身下方有不需要的空白

我正在使用react-responsive-carousel,当我切换到移动视图时,下面有一堆空白。我已经尝试了我能想到的一切来删除它,包括body { overflow-x: hidden }. 在查看开发工具时,似乎是ul.slider.animated.

在图像轮播下方显示空白

是一个复制了我的问题的代码框。

0 投票
1 回答
25 浏览

css - 通过 Webpack 导入 CSS 无法重新加载页面

我正在使用两个库(react-image-cropreact-responsive-carousel),每个库都需要一个 css 导入。我已将 css 加载器添加到next.config.js页面最初加载时,一切都很好。但是,在页面上调用刷新时会出现document is not defined错误。此外,当我yarn build按预期运行构建时,最后会以 a 失败Reference Error并引用此document is not defined错误。

任何帮助都会很棒。

next.config.js

0 投票
0 回答
8 浏览

react-responsive-carousel - react-responsive-carousel 更改下一个和后退按钮

我正在使用 react-responsive-carousel 库。在这里,我想更改默认的上一个和下一个按钮。并且呈现导航按钮始终可见我的代码是

我想从这个(图1)到这个(图2)图1

图 2

0 投票
0 回答
5 浏览

reactjs - React:使用 react-responsive-carousel 时看不到缩略图

我遵循了演示代码,除了thumbnails. 我将其设置为,以便我可以看到intrue的 'ul' ,但它没有任何.thumbnailshtmlimage src

这是下面的代码。

这就是我使用Banner组件的方式

当我检查开发工具时,我看到了ul.

在此处输入图像描述

请让我知道我错过了什么。