antd table - 有条件的可拖动行渲染

Question

我在 Ant.design 网站上找到了 dnd 的示例，但我怎样才能只让某些行可拖动？

https://codesandbox.io/s/9uq4r

更新：我有树形结构（带有孩子的数据源）。我的目标是在父级（0级数据）中找到一级子级。

Update2：我设法通过改变来实现它：

  moveRow = (dragIndex, hoverIndex) => {
const { data } = this.state;
const dragRow = data[0].children[dragIndex];

this.setState(
  update(this.state, {
    data: {0: {
      children: {
      $splice: [[dragIndex, 1], [hoverIndex, 0, dragRow]],
    },}}

  }),
)

};

Answer 1

您可以在rowSource 常量中编辑beginDrag。示例

const rowSource = {
  beginDrag(props, monitor, component) {
    dragingIndex = props.index;
    return {
      index: props.index,
    };
  },
  canDrag(props){
    return props.children[0].props.record.age === 32
  }
};