问题标签 [react-multi-carousel]

我正在尝试使用 react-multi-carousel 包来创建水平滚动条，如下面的演示所示。

代码沙箱

我的问题一直是试图在打字稿中实现这一点。我已经查看了开发人员提供的打字稿使用文件，但是在进行简单设置时我仍然遇到错误。

};

道具 customDot 有错误“没有重载匹配这个调用”。非常感谢任何帮助在打字稿中工作的水平滚动条！

我正在使用 react-multi-carousel 并且无法弄清楚如何设置初始幻灯片索引。

我在模态中使用轮播，模态显示基于单击图库中的图像。滑块应显示该图像并允许从那里滚动图库的其余部分。

一旦使用以下内容进行初始化，我就可以使用它。但我无法弄清楚如何设置初始幻灯片索引。它总是在位置 1 加载。是否有解决方法，因为我认为没有内置任何东西来设置它。

这是我的 Carousel，我正在使用 react-multi-carousel 和 Nextjs，我正在激活 ssr 选项

这是 CarouselImage，在 img 标签下面我有文字 hola

当我单击查看页面源时，我没有看到文本“hola”。

我究竟做错了什么？我是否需要添加一些其他配置来进行服务器端渲染？我已经尝试过开发模式，我也完成了构建

现在，我在我的 wep 应用程序中实现了 react-multi-carousel。它在笔记本电脑视图中呈现 find ，但是当我将其缩小到移动视图时，轮播会中断。我不知道是道具传递给它还是完全不同的东西导致应用程序崩溃..请查看属性并传递给旋转木马。提前感谢您的宝贵时间，我真的很感激。

有时Carousel（react-multi-carousel）无法加载项目当我在react dev中检查状态时，我在containerWidth和itemWidth中得到0，当我将containerWidth的值更改为100时加载的项目，Carousel运行良好的值containerWidth 更改为 1140 和 itemWidth 更改为 228

发生问题时的 HTML 代码

I'm working on react app with react-multi-carousel package. I'm trying to get the banner images from an api and display those inside grid.

But not able to make it work

Here is my code.

If i create multiple div inside Carousel component , it is working fine. But when i try to pull the images from api. it is not working and giving me an error on screen.

Any help would greatly thankfull

我是新手，尝试使用 react-multi-carousel 构建品牌轮播。图像显示正确，但我想使图像居中。试图写 css 它不适用于轮播。这是如何实现的，或者我必须使用任何其他轮播？`

我将 react-multi-carousel 库与 react-select 库结合使用，如下所示：

StoryCarouselItem 渲染：

上面的代码运行良好，在下拉之前看起来不错，如下所示：

旋转木马

但是，当我单击下拉列表时，它不会溢出到 div 之外并溢出到其他部分以显示整个下拉列表，就像我想要的那样。相反，它被捕获在下拉列表中并且只显示一点点。

例子：

旋转木马 2

知道如何更改样式以适应此更改吗？

这是我现在拥有的相关样式：

我导入了 react-multi-carousel模块并设置了简单的轮播。但它不起作用。没有<li>标签。

渲染的 HTML 如下。

<ul class="react-multi-carousel-track " style="transition:none;overflow:unset;transform:translate3d(0px,0,0)"></ul>

堆：next.js typescript material-ui

它出什么问题了？

我正在使用 react multi carousel 库来显示一些 div。该代码似乎在理论上有效，如下所示：

但是，当我在浏览器中渲染轮播时，它只显示三个部分，每个部分都有一个单独的 div，并且可以使用点和箭头进行导航。相反，我想同时显示所有三个部分，并使用箭头沿着轮播。

有人看到我的代码有问题吗？

让我知道。

现在的情况：