`react-beautiful-dnd`如何区分原生的拖放行为和自定义的行为？

在`react-beautiful-dnd`中，为了区分原生的拖放行为（如拖动、放置）和自定义行为（如复制、剪切），你需要明确地设置`Draggable`和`Droppable`组件的状态以及处理回调函数。

1. **原生拖放行为**：默认情况下，`react-beautiful-dnd`提供了几个内置的回调函数，比如`onDragStart`、`onDragUpdate`和`onDragEnd`。这些回调在用户开始拖动、拖动过程中位置改变以及释放鼠标时触发，可以用于响应原始的拖放动作。

<Draggable draggableId="item-id" onDragStart={(event, source) => console.log('start', source)} onDragEnd={(event, result) => console.log('end', result)}>
  {/* ... */}
</Draggable>

<Droppable droppableId="container-id">
  {(ref, { drop, isOver }) => (
    <div ref={ref}>
      {/* ... */}
      {isOver && (
        <p>can drop here</p>
      )}
    </div>
    {drop && (
      <p>dropped!</p>
    )}
  )}
</Droppable>

2. **自定义行为**：对于自定义行为，比如复制，通常你在`Draggable`组件上添加额外的交互，并在相应的事件（如按钮点击）中手动触发`onDragEnd`回调，传入你定制的行为数据。这样，你可以在`onDragEnd`处理函数中判断是否是复制操作，进而采取相应的动作。

<button onClick={() => drop({ type: 'COPY', item: copiedItem })}>Copy</button>

在这里，`type`字段通常是自定义的行为类型，可以根据需要更改。