react-slick

    3熱度

    3回答

    我們在應用程序中使用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組件。除了最後一張幻燈片,我必須在所有幻燈片上顯示分頁點。我想隱藏上一張幻燈片的分頁點。 我檢查過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回答

    後加入反應,光滑的滑塊來我的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回答

    嘗試使用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回答

    我試着用動態兒童反應光滑,但它不工作,因爲它應該是,第一次呈現的高度來了一些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回答

    我正在使用Green Sock動畫工具的react-slick旋轉木馬,並且我已經獲得了滑塊和動畫的工作。現在的問題是當動畫在幻燈片上結束時調用slickNext方法。無論我是否使用引用,我都會收到此錯誤(但我的「測試」正在工作並顯示在控制檯中)。這個方法的github文檔有點困難和混亂,我還沒有發現任何類似的情況,我可以用作參考。我怎樣才能訪問這個方法? import React, { Comp