问题标签 [react-responsive-carousel]

我正在使用响应式轮播，它呈现出奇怪的效果

这是CSS

不幸的是，这就是它所呈现的

我想要高度 == 100% 并填满屏幕。我也希望显示左右箭头而不像这里一样悬停在它们上面： http ://react-responsive-carousel.js.org/#demos

我真的很喜欢“react-responsive-carousel”，它完全符合我的要求。

更多细节： https ://www.npmjs.com/package/react-responsive-carousel

但是我意识到这个提供的演示示例使用静态图像，放置在单独的“Carousel.js”文件中。

就我而言，我想在 Carousel 中加载图像，我在运行时使用 API 获取这些图像。我不知道如何实现这种行为。

目前以下是我的应用程序的设置： 文件：Carousel.js

在我的App.js文件中，我只是通过以下方式使用它：

我正在尝试创建图像轮播和嵌入的 Youtube 视频（第一项是 youtube 视频，其余是图像）我正在使用 React Responsive Carusel npm 包，但我找不到创建我想要的轮播的方法没有错误。

我在这里看到了一个解决方案，但它仅适用于视频。

这是我目前的代码：

感谢帮助者！

我正在为我的项目使用 React Responsive Carousel，但我在控制台中收到此错误

Module parse failed: Unexpected token (1:0) 您可能需要适当的加载器来处理此文件类型，目前没有配置加载器来处理此文件。见https://webpack.js.org/concepts#loaders

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s缓入；-o-transition：所有 .25s 缓入；过渡：所有 .25s 缓入；不透明度：.4；过滤器：alpha（不透明度=40）；位置：绝对；z-index：2；顶部:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow: before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px 实心透明;border-botto

我的 webpack 配置是：

我正在使用 react-responsive-carousel 显示一堆图像，但是当图像超过一定大小时，即缩略图部分是可滚动的，最后一个缩略图永远不会出现在视图中。现在我已经放入了水平滚动，但我想知道正常实现有什么问题。请帮我解决这个问题。这是代码：

我在 Ionic react 工作。我添加了 react-responsive-carousel 用于滑动内容，我需要根据条件垂直和水平滚动轮播。我该如何解决这个问题？请帮忙

我正在尝试将状态指示器移动到右下角，但我找不到这样做的方法。

我在其中添加了 statusFormatter 和自定义组件，但问题是 react-responsive-carousel 呈现

元素，所以我不能从子跨度应用边距和填充。

有没有办法将状态指示器定位在右下角？

我正在使用react-responsive-carousel库。在这里，我想将默认指标CSS，点形状更改为线条形状。我的代码是，

这些指标的当前形态，

是否可以自定义点形状指示器？

我正在使用依赖项 react-responsive-carousel中的 React Carousel来显示用户在 firebase 上上传的图像我查询数组中的图像，例如：

它工作正常但是当用户上传 3 张图像时，它将显示 5 张图像，最后 2 张将是空白的白色图像，是否可以以我只显示数组中的内容的方式映射数组？

我在 next.js 中使用 react-responsive-carousel 作为主页。我在轮播中有按钮和一些文本，通过单击按钮我想控制台.log 不起作用，