首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >React and嵌套表和拖放排序

React and嵌套表和拖放排序
EN

Stack Overflow用户
提问于 2021-02-04 02:45:58
回答 1查看 385关注 0票数 1

我正在尝试使用antd在嵌套表和拖放之间进行集成

https://ant.design/components/table/#components-table-demo-nested-table

https://ant.design/components/table/#components-table-demo-drag-sorting

但这似乎并不容易(我是使用React的前台新手)

任何人都可以帮助制作一个带有拖放排序的嵌套表

下面是当前的实现

https://codesandbox.io/s/drag-sorting-antd4121-forked-0gcuq?file=/index.js

谢谢

EN

回答 1

Stack Overflow用户

发布于 2021-02-04 19:48:29

正如我理解你的问题,我认为你的代码是完整的。唯一要做的就是取消对setData中的useCallback函数调用的注释(第138行)。这样,useCallback函数就可以根据用户的拖放更新数据对象

代码语言:javascript
代码运行次数:0
运行
复制
    const moveRow = useCallback(
    (dragIndex, hoverIndex) => {
      const dragRow = data[dragIndex];
      setData(
        update(data, {
          $splice: [
            [dragIndex, 1],
            [hoverIndex, 0, dragRow],
          ],
        }),
      );
    },
    [data]
  );

如果我理解错了你的问题,请纠正我。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66033811

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档