Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Дорожная карта веб-разработки для начинающих (бесплатно!): Изучите перетаскивание элементов в React на примере, которого нет в большинстве руководств по перетаскиванию элементов. Мы создадим собственный музыкальный плейлист с помощью dndkit, который позволит пользователям перетаскивать песни, изменяя порядок в списке. 💖 Поддержите меня на Patreon ➜ / davegray ⭐ Станьте полнофункциональным веб-разработчиком с помощью курсов Zero To Mastery: Complete Next.js Developer: Advanced React: План развития от Junior до Senior Dev: 🚩 Подпишитесь ➜ 📬 Обновления курса ➜ ❓ Вопросы — пишите в мой Discord ➜ / discord ☕ Купите мне кофе ➜ 🔗 Пример исходного кода: 👇 Подписывайтесь на меня в социальных сетях: GitHub: Twitter: / yesdavidgray LinkedIn: / davidagray Drag-n-Drop в React — недостающий пример (00:00) Введение (00:18) Изучение примера приложения (02:02) Установка зависимостей (03:05) dndkit (03:30) Предоставление данных для приложения (04:53) Недостающий пример (06:47) Импорт компонентов списка (08:03) Исправление несоответствия Hydration в Next.js (09:38) 4 ключевые функции Drag-n-Drop (14:20) Компонент списка Возврат (15:31) Компонент «Сортируемая строка» (18:00) Заключение 📚 Ссылки на руководство: 🔗 dndkit: Был ли этот урок по перетаскиванию в React полезен? Если да, поделитесь своим мнением в комментариях. #react #drag #drop