搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏Web前端
React 拖拽排序组件 Draggable Sortable
在React中，通常使用第三方库如react-dnd（React Drag and Drop）或react-sortable-hoc来实现这一功能。例如，对于react-sortable-hoc： npm install react-sortable-hoc 创建可排序组件使用库提供的高阶组件（HOC）包裹原始组件，使其具备拖拽排序的能力。 ) => { window.removeEventListener('scroll', handleScroll); }; }, []); 五、代码案例解释（一）基础示例以下是一个使用react-sortable-hoc 实现的基本拖拽排序组件： import React, { useState } from 'react'; import { sortableContainer, sortableElement } from 'react-sortable-hoc
1.7K00编辑于 2025-01-19
来自专栏前端进阶实战
前端里的拖拖拽拽了解一下？
https://github.com/atlassian/react-beautiful-dnd/ sortablejs: https://sortablejs.github.io/Sortable/ react-sortable-hoc : https://github.com/clauderic/react-sortable-hoc/ 关于几者的差异，可以参阅：《关于react中使用拖拽插件的评测[4]》四、总结由于低代码平台其实会有丰富的拖拽场景
6.1K30编辑于 2022-07-29