react-slick

3热度

3回答

React-Slick旋转木马 - 禁用箭头

我们在应用程序中使用React-Slick作为旋转木马效果。滑块中的内容是动态的，轮播项目的长度可以在4到20之间。问题是，即使所有内容的宽度小于滑块轨道的宽度，右箭头工作。什么是溶液/变通方法来隐藏或在这样的情况下禁用这些箭头？

0热度

1回答

溢于在阵营幻灯片油滑渲染

我不认为这是正常的行为或作出反应油滑的，但是当初始化我的页面（通过地址栏），旋转木马的样子说：由于你可以看到，屏幕右侧有一个棕色条。但是，当我调整我的浏览器窗口，它显示很好。有什么办法防止渲染组件时？

0热度

1回答

反应，光滑的自定义分页分页道具使用

我已经设置了道具传递给反应，光滑滑块如下： const settings = { customPaging: function(i) { return <a><div>{`Test ${i}`}</div></a> } }; 它传递到滑块为： <Slider {...settings}> {this.Slides()} </Slider> 还当

0热度

1回答

React-slick在最后一张幻灯片上隐藏分页点

我在我的项目中使用了React-Slick组件。除了最后一张幻灯片，我必须在所有幻灯片上显示分页点。我想隐藏上一张幻灯片的分页点。我检查过afterChange函数可用作回调函数。这可以用来自定义jQuery中的滑块css，但是我怎样才能使用这个函数来隐藏React应用程序中的分页点？ import Slider from 'react-slick'; export default clas

0热度

1回答

如何避免重复旋转木马物品在反应光滑

我正在使用react-slick。我想一次显示四个项目。我正在动态显示数据。如果我在旋转木马上有单个项目，它会重复填充四个项目的位置。这是我的代码： const settings = { dots: false, infinite: true, speed: 500, slidesToShow: 4, slidesToScroll: 1, }

0热度

1回答

随着柴测试：添加反应-光滑抛出错误 - matchMedia不存在

后加入反应，光滑的滑块来我的WebPack的项目，我的柴开始测试失败， C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226 throw new Error('matchMedia not present, legacy browsers require a polyfill'); ^ Error

0热度

3回答

`react-slick` - 类型无效错误

尝试使用webpack需要'react-slick`时，出现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.错误。 const

2热度

1回答

React-slick第一次渲染不起作用

我试着用动态儿童反应光滑，但它不工作，因为它应该是，第一次呈现的高度来了一些176px，但如果我尝试调整浏览器的大小，那么它作品和高度更改为514px。我想可能是我强迫我的组件渲染一次，但它没有奏效。我试图复制这个问题，但在那里得到一些其他问题。看看在fiddle var Item = React.createClass({ render: function() { return (<div

0热度

1回答

禁用在最小宽度的反应滑动滑块

我想禁用最小宽度的反应滑块：768px，但似乎反应滑动滑块只支持最大宽度。我在光滑设置中使用responsive属性，并根据文档，这为断点设置了一个断点。然而，断点是最大宽度，而不是最小宽度，我试图在断点768px处禁用'unslick'旋转木马。有没有办法我可以禁用旋转木马最小宽度：768，而不是最大宽度？ var settings = { dots: true, inf

0热度

1回答

react-slick slickNext方法 - “未捕获TypeError：无法读取未定义的属性”滑块“

我正在使用Green Sock动画工具的react-slick旋转木马，并且我已经获得了滑块和动画的工作。现在的问题是当动画在幻灯片上结束时调用slickNext方法。无论我是否使用引用，我都会收到此错误（但我的“测试”正在工作并显示在控制台中）。这个方法的github文档有点困难和混乱，我还没有发现任何类似的情况，我可以用作参考。我怎样才能访问这个方法？ import React, { Comp