在第二个拖动中拖动项目时出现奇怪的行为react-beautiful-dnd

Question

由于某些原因，在使用react-beautiful-dnd软件包时，每秒拖拽的效果都不佳（见图）

我的onDragEnd函数看起来像这样：

  const onDragEnd = result => { 
    if (!result.destination) {
      return;
    }

    if (
      result.destination.droppableId === result.source.droppableId &&
      result.destination.index === result.source.index
    ) {
       return;
    }

    const draggedItem = list[result.source.index];
    list.splice(result.source.index, 1);
    list.splice(result.destination.index, 0, draggedItem);

    /** Firebase update */
    dbCon.once('value', function(snapshot) {
       snapshot.forEach(function(child) {
         list.map((listChild, index) => {
           if (listChild.props.draggableId === child.key) {
             child.ref.update({ position: index });
           }
         });
       });
     });

    setList(getNodes);
  };

具有返回子组件的getNodes

不确定该行为的负责人..有什么想法吗？

Answer 1

当我使用react-beautiful-dnd版本11.0.0-beta时，我遇到了类似的问题。

def do_sum(dict1, dict2): print(dict1.values('a') + dict1.values('b') + dict2.values('d')) do_sum(dict1, dict2)

您会发现与11.0.0-beta类似的问题，其中isDragDisabled无法正常工作here

Answer 2

请记住，11.0仍在beta中！不建议将其用于生产。如果您遇到任何问题，请使用稳定的10.x版本。

我们感谢您11.0所面临的任何问题的详细信息，以便我们解决。 Submit an issue