React-beautiful-dnd：如何在可拖动的某些部分禁用 startDrag？

问题描述

<DragDropContext onDragEnd={onDragEnd}>
      <Droppable droppableId="list">
        {(provided) => (
          <div {...provided.droppableProps} ref={provided.innerRef}>
            {list.map(({ first,second,id },index) => {
              return (
                <Draggable key={id} draggableId={`row${id}`} index={index}>
                  {(provided) => (
                    <TableRow
                      {...provided.draggableProps}
                      {...provided.dragHandleProps}
                      ref={provided.innerRef}
                      key={index}
                    >
                      <TableData>{first}</TableData>
                      <TableData>{second}</TableData>
                      <TableButtonContainer>
                        <TableButtons onClick={() => deleteRow(index)}>
                          <DeleteButton />
                        </TableButtons>
                      </TableButtonContainer>
                    </TableRow>
                  )}
                </Draggable>
              );
            })}
            {provided.placeholder}
          </div>
        )}
      </Droppable>
    </DragDropContext>

我有一个包含在 DragDropContext 中的可拖动行。每行由第一个值、第二个值和一个删除按钮组成。我希望整行都是可拖动的，除了 DeleteButton，它是一个 svg。当我从行的任何部分开始拖动时（除了删除按钮），我希望包括删除按钮在内的整行都具有动画效果。

如何仅对 DeleteButtons 禁用 dragStart？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）