Cómo implementar la clasificación de arrastrar y soltar sin complementos en reaccionar

1. Cree un componente que se pueda arrastrar: use useState en el componente para administrar los datos de la lista. Utilice el controlador de eventos onDragStart para establecer el índice de inicio del arrastre y utilice el controlador de eventos onDragOver para evitar el comportamiento predeterminado y permitir soltar. Utilice el controlador de eventos onDrop para manejar las operaciones posteriores al arrastre, incluida la actualización de los datos de la lista y el reordenamiento.

2. Presente la lista: utilice el método de mapa para recorrer los datos de la lista y agregar propiedades relacionadas con arrastrar y soltar y controladores de eventos para cada elemento de la lista. Utilice el atributo clave para proporcionar un identificador único para cada elemento de la lista.