问题标签 [react-slick]

我不认为这是正常行为或 React Slick，但是当初始化我的页面（通过地址栏）时，轮播看起来像这样：

如您所见，屏幕右侧有一个棕色条。但是当我调整浏览器窗口的大小时，它显示得很好。

渲染组件时有什么方法可以防止这种情况发生吗？

将 react-slick 滑块添加到我的 webpack 项目后，我的 chai 测试开始失败

此处推荐的滑块组件的作者对此问题的唯一修复是开玩笑。我已经在我的环境中尝试过，但它没有用。

我已经设置了要传递给 react-slick Slider 的道具，如下所示：

并将其传递给滑块：

然而，当我测试组件时，我没有得到我期望的自定义​​分页 - 我希望看到文本“测试 0”我仍然看到默认点。我查看了文档中的自定义分页示例，没有什么比我所做的与众不同。

有没有人有什么建议？

环境

复制

[rails repo] 可以复制这个问题（https://github.com/github0013/on_window_resize）

问题

这个jsfiddle模板也有同样的问题。尝试调整窗口大小。图像滚动应该停止。

与https://github.com/akiran/react-slick/issues/543相关

我目前正在通过使用slickNext()with debounce 来避免这个问题。 https://github.com/github0013/on_window_resize/blob/master/app/javascript/packs/with_debounce.jsx#L24

如果我不使用slickNext()，https://github.com/akiran/react-slick/issues/543这个解决方案没有成功。

这是我的问题还是...？

由于某些原因，演示 没有这个问题。有没有人遇到过同样的问题？

如何锁定轮播并防止可变宽度幻灯片末尾的空白区域？

示例图像

示例代码：

多次渲染后，即使没有更改 react-slick 滑块的设置，滑块也会完全停止工作。没有按钮点击，没有滑动，滑块完全停止。这是发生的问题：

jsfiddle：https ://jsfiddle.net/20bu​​mb4g/727/

要重现，请单击下一个和/或上一个按钮，直到您发现没有任何效果为止。所有代码正在做的就是大约每秒重新渲染给定的组件。

重新渲染时预期：react-slider 显示继续工作，包括所有按钮。

实际结果：react-slider 停止滑动，按钮不再起作用。

错误信息的图片

所以我不能让我的滑块工作......即使是现成的例子也行不通。有反应引发的错误图片。我正在使用 create-react-app

我在我的项目中使用React-Slick组件。除了最后一张幻灯片，我必须在所有幻灯片上显示分页点。我想隐藏最后一张幻灯片的分页点。

我已经检查过该afterChange函数可用作回调。这可以用于自定义 jQuery 中的滑块 css，但是如何使用此功能隐藏 React 应用程序中的分页点？

I'm using react-slick. I want to show four items at a time. I'm showing data dynamically.

If I have single item in carousel, it's repeating to fill the place of four items.

This is my code:

Thank you

Uncaught (in promise) Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.尝试使用 webpack 要求“react-slick”时出现错误。