用React實現一個漂亮的可拖放的列表——react-beautiful-dnd!

重排兼容- 表模式
  • 自動滾動 -拖動時根據需要自動滾動容器和窗口(即使使用鍵盤也是如此))
  • 自定義拖動手柄-可以拖動整個項目的一部分
  • 能夠在拖動時將拖動的項目移動到另一個元素- 父級化
  • 創建腳本化的拖放體驗
  • 允許擴展支持您喜歡的任何輸入類型
  • 通過@atlaskit/tree包提供樹支持
  • 一個列表可以滾動容器(沒有父級滾動)或者成為滾動容器的子代(也沒有一個滾動的父母)
  • 獨立的嵌套列表-列表可以是另一個列表的子級,但是您不能將項目從父級列表拖到子級列表中
  • 與服務器端呈現(SSR)兼容
  • 默認情況下,可與嵌套的交互式元素一起很好地交互

  • 用React實現一個漂亮的可拖放的列表——react-beautiful-dnd!


    說在後面

    有很多庫允許在React中進行拖放交互。其中最值得注意的是react-dnd。它在提供大量的拖放原語方面做得非常出色,與原始不一致的html5拖放功能配合使用特別好。react-beautiful-dnd是專門為列表(垂直,水平,列表之間的移動,嵌套列表等)構建的更高級別的抽象。在該功能子集中,react-beautiful-dnd提供了強大,自然和優雅的拖放體驗。但是,它沒有提供react-dnd提供的功能的廣度。

    PS:以上內容來源於官方文檔的翻譯,如有不理解的地方可參考Github上的文檔,作者還提供了專門的教程資源來幫助你使用它!enjoy it!

    收藏

    舉報

    掃碼下載今日頭條


    分享到:


    相關文章: