React Antd中控制走馬燈是否輪播

前言:最近遇到了一個(gè)需求,就是需要通過按鈕來控制是否輪播,技術(shù)棧是React+Antd,我選擇了Antd的 Carousel,遇到一個(gè)問題,通過數(shù)據(jù)控制autoplay屬性不成功,于是想了一個(gè)解決辦法,這里只提供我的思路。

  1. 一個(gè)容器,里面放兩個(gè) Carousel 通過position 重疊在一起;
  2. 一個(gè)加 autoplay 屬性,另一個(gè)不加;
  3. 通過 React 的數(shù)據(jù)來來控制樣式 display : "none" 顯示隱藏;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Documentation Supported OS & SDK Versions 支持的OS & SDK版本 S...
    c5550ea746f8閱讀 4,581評(píng)論 0 2
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級(jí)和職位的變化,入門級(jí)到專家級(jí),廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,687評(píng)論 0 7
  • 持續(xù)更新中...... 一套企業(yè)級(jí)的 UI 設(shè)計(jì)語言和 React 實(shí)現(xiàn)。 https://mobile.ant....
    日不落000閱讀 6,069評(píng)論 0 35
  • typedef NS_ENUM(NSInteger, iCarouselType){ iCarouselTypeL...
    黎明s閱讀 1,743評(píng)論 0 1
  • 這一節(jié),我們來看一個(gè)banner圖輪播,banner圖輪播是一個(gè)比較常用的需求,而且?guī)缀趺總€(gè)網(wǎng)站,每個(gè)app都會(huì)有...
    小幾米閱讀 2,868評(píng)論 1 1

友情鏈接更多精彩內(nèi)容