react-beautiful-dnd动画效果修改

要修改react-beautiful-dnd的动画效果，可以使用它提供的`<DragDropContext>`和`<Droppable>`组件，并设置`animationDuration`属性来控制动画的持续时间。例如：

import { DragDropContext, Droppable } from 'react-beautiful-dnd';

// ...

<DragDropContext onDragEnd={onDragEnd}>
  <Droppable droppableId="droppable" animationDuration={300}>
    {(provided, snapshot) => (
      <div
        {...provided.droppableProps}
        ref={provided.innerRef}
        style={getListStyle(snapshot.isDraggingOver)}
      >
        {items.map((item, index) => (
          <Draggable key={item.id} draggableId={item.id} index={index}>
            {(provided, snapshot) => (
              <div
                ref={provided.innerRef}
                {...provided.draggableProps}
                {...provided.dragHandleProps}
                style={getItemStyle(
                  snapshot.isDragging,
                  provided.draggableProps.style
                )}
              >
                {item.content}
              </div>
            )}
          </Draggable>
        ))}
        {provided.placeholder}
      </div>
    )}
  </Droppable>
</DragDropContext>

在上面的例子中，我们将`animationDuration`设置为了300毫秒。你可以根据需要调整它的值来改变动画的速度。此外，你还可以使用CSS来自定义动画效果，例如使用`transition`属性来控制动画过渡效果。