Описание тега react-beautiful-dnd

Используйте этот тег с вопросами, связанными с библиотекой react-beautiful-dnd.
1 ответ

Draggables в response-beautiful-dnd не перетаскивают, а только создают заполнитель

Мое простое приложение на практике с response-beautiful-dnd не работает, как ожидалось. Элементы списка не перетаскиваются, а просто создают смежный заполнитель. Я читал, что поля на перетаскиваемом элементе имеют непредвиденные последствия, но изба…
0 ответов

Не удалось выполнить инвариант: невозможно обновить сбрасываемую регистрацию, поскольку предыдущая регистрация не найдена

Фон образца: у меня есть список вопросов, и для каждого вопроса список вложенных ответов. Я должен быть в состоянии изменить порядок вопросов и ответов внутри вопроса. Действия по воспроизведению: переместите вопрос 2 с перетаскиванием на вопрос 1, …
07 дек '18 в 16:13
1 ответ

response-beautiful-dnd: Не удается найти элемент маркера перетаскивания внутри Draggable

У меня есть компонент, который получает два набора данных и является реакцией-красивый DragDropContext как показано ниже render() { let index = -1; const dataSetOne = this.props.store!.getdata(1); const dataSetTwo = this.props.store!.getData(2); con…
1 ответ

Отказаться от функции "уйти с дороги"?

Я использую response-beautiful-dnd для своего проекта. Я пытаюсь сделать две сменные места (между пометками). По сути, я допускаю только 1 перетаскивание на каждый сбрасываемый. Все работает нормально, кроме одной части. Функция " убирайся с дороги"…
06 фев '19 в 13:24
0 ответов

Не удается найти элемент дескриптора перетаскивания внутри Draggable, используя реагировать

У меня есть компонент, который получает два набора данных и является реакцией-красивый DragDropContext как показано ниже render() { let index = -1; const dataSetOne = this.props.store!.getdata(1); const dataSetTwo = this.props.store!.getData(2); con…
0 ответов

Насмешливая реакция-красавица с Джестом

Рекомендуемый подход к тестированию компонентов с использованием react-beautiful-dnd еще не определено. Тем не менее, это несколько блокирует меня. Я могу проверить свои компоненты, используя react-beautiful-dnd оборачивая их в DragDropContext согла…
22 ноя '18 в 07:51
0 ответов

Есть ли способ добавить метку для перетаскиваемых и сбрасываемых предметов в реагировать

Я использую response-beautiful-dnd для создания перетаскиваемых полос текста, которые я хочу переместить с правой карты на левую. Я хочу, чтобы перетаскиваемые полосы текста появлялись под ярлыком, но все ярлыки соединяются в пару строк. Например, е…
0 ответов

Как протестировать функцию "перетаскивания" из библиотеки react-beautiful-dnd с помощью Selenium в Java?

Я пробовал различные варианты, но не смог смоделировать щелчок мыши, чтобы перетаскивать элемент из одной позиции в другую в браузере с помощью Selenium. Когда тест выполняется, я вижу, что элемент выбран, но он не перемещается в указанную точку отб…
1 ответ

Модифицируйте Json для использования в React красивых Drag and drop

Я использую эту библиотеку для реакции перетаскивания функциональности. Тем не менее, мой JSON в этом формате [ { "id": "5f7", "itemName": "ABC" }, { "id": "780", "itemName": "CRD" }, ] Тем не менее, все учебные пункты, мне нужно что-то вроде этого:…
0 ответов

Поддержание реакции-Beautiful-DDD в синхронизации с базой данных

Я пытаюсь создать доску задач с подпиской на websocket graphql, и мне было интересно, есть ли какие-либо рекомендации по синхронизации синхронизированных переупорядоченных данных с базой данных без перегрузки.
0 ответов

Реагирующая-красивая-перетаскиваемая не отображается во время перетаскивания

Я создаю трелло-подобный компонент с использованием response-beautiful-dnd, однако перетаскиваемый объект не виден во время перетаскивания, и я пытаюсь понять, почему. Смотрите GIF здесь Это соответствующий код: здесь Я чувствую, что это как-то связ…
27 ноя '18 в 11:28
0 ответов

Перетаскивание Cypress тест не проходит только в браузере Electron

У меня есть тест перетаскивания, основанный на команде, которая, кажется, работает для людей. Команда запускает события мыши, которые react-beautiful-dnd понимает как перетаскивание взаимодействия. Он прекрасно работает в графическом интерфейсе Cypr…
10 янв '19 в 00:01
0 ответов

Закрепленный предмет без анимации

У меня есть вертикальный список должных ответов. Я хотел бы иметь возможность прикреплять некоторые сообщения в списке без изменения их позиции. Также не должно быть никакой анимации на уже закрепленных элементах. Каков наилучший способ достичь этог…
25 фев '19 в 20:55
0 ответов

Имитация действия Move Rigth с реагировать-Beautiful-DDD

Я использую библиотеку React -Beautiful-Dnd React и хочу "смоделировать" элемент (Draggable) дважды щелкните по тому же действию, что и стрелка вправо на клавиатуре. Я хотел бы отправить moveRight действие (избыточное), но невозможно. У кого-нибудь …
23 ноя '18 в 14:42
12 ответов

Реагируйте на красивую ДНД, перетащите из положения проблему

Я создал перетаскиваемую таблицу с перетаскиваемыми строками. я использую react beautiful-dnd за это. Когда я перетаскиваю строку, строка выходит из положения вместо позиции моего курсора. Когда я перетаскиваю строку, строка получает position: fixed…
04 мар '19 в 11:20
3 ответа

Простой список в реакции красивый и не работает

Я следую официальному курсу на egghead ( https://egghead.io/lessons/react-reorder-a-list-with-react-beautiful-dnd и пример рабочего кода: https://codesandbox.io/s/52p60qqlpp) и написал это: https://codesandbox.io/s/00k3rwq3qn Тем не менее, он на сам…
21 мар '19 в 20:25
1 ответ

Невозможно перетащить компоненты в тот же Droppable Reaction-Beautiful-Dnd

Происходит следующее: когда у меня есть несколько элементов в столбце и я пытаюсь перетащить один, отображается только один, и в соответствии с найденными здесь уроками я должен быть в том месте, где я могу перемещать элементы в пределах одного стол…
30 мар '19 в 20:44
1 ответ

Компонент не упадет в соседнем столбце response-beautiful-dnd

У меня проблемы с переносом компонента в следующую область списка моего приложения. Я могу перетаскивать, отбрасывать и сортировать в пределах родительского столбца, но не могу удалить компонент в другом месте. Вот код в моей функции onDragEnd: onDr…
31 мар '19 в 19:37
2 ответа

Странное поведение при перетаскивании элементов при втором перетаскивании response-beautiful-dnd

По какой-то причине каждое второе перетаскивание не очень хорошо работает при использовании пакета Reaction-Beautiful-DDD (см. Изображение) моя функция onDragEnd выглядит так: const onDragEnd = result => { if (!result.destination) { return; } if …
2 ответа

Ошибка получения: найдите элемент маркера перетаскивания внутри Draggable при добавлении флага isDragDisabled в draggable

Когда я устанавливаю isDragDisabled в true (жестко запрограммировано), я получаю такую ​​ошибку index.js:1446 raw Error: Invariant failed: Cannot find drag handle element inside of Draggable. Please be sure to apply the {...provided.dragHandleProps}…
07 апр '19 в 07:31