Таблица Antd - условное перетаскиваемое отображение строки

Question

Я нашел пример dnd на веб-сайте Ant.design, но как сделать перетаскиваемые только определенные строки?

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

вы можете редактировать beginDrag в константе rowSource. Пример

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