React-dnd: monitor.isDragging () иногда возвращает false, когда должен возвращать true

@amoenk Да, нам понадобится пример кода, чтобы помочь вам.

Спасибо за вашу помощь! Вот рабочий пример: http://notlouieagain.com/~amoenk/dnd/

И эта ссылка для просмотра разделенного кода: http://notlouieagain.com/~amoenk/dnd/js/

Во время отладки я также включил исходный простой отсортированный демонстрационный код, но важными компонентами являются Ingredient и IngredientGroup.

Я просмотрел ваш код и не нашел компонента DnDStudy . Можете ли вы показать мне свой полный код и только ваш? Вы можете удалить демонстрационный код.

Демо-код удален, компонент DnDStudy является здесь компонентом страницы: http://notlouieagain.com/~amoenk/dnd/js/pages/DnDStudy.react.js

Хорошо, я посмотрел и считаю, что это может быть проблема из-за ключей IngredientGroup внутри DnDStudy . Вместо того, чтобы полагаться на индекс массива, попробуйте использовать какой-нибудь уникальный идентификатор, подобный идентификатору Ingredient внутри IngredientGroup .

Код обновлен, но проблема не устранена.

В порядке. Тогда я был неправ.

@gaearon, ты можешь помочь?

Чтобы isDragging работало по дереву компонентов, вручную добавьте isDragging в свой источник перетаскивания.

const ingredientSource = {
    beginDrag(props) {
        return { ingredient: props.ingredient };
    },
    isDragging(props, monitor) {
        return props.ingredient === monitor.getItem().ingredient;
    }
};

См. DragSource docs :

isDragging(props, monitor) : Необязательно. По умолчанию перетаскиванием считается только источник перетаскивания, инициировавший операцию перетаскивания. Вы можете изменить это поведение, определив собственный метод isDragging . Он может вернуть что-то вроде props.id === monitor.getItem().id . Сделайте это, если исходный компонент может быть размонтирован во время перетаскивания и позже «воскрешен» с другим родителем. Например, при перемещении карточки по спискам на доске Kanban вы хотите, чтобы она сохраняла перетаскиваемый вид - даже если технически компонент отключается, а другой монтируется каждый раз, когда вы перемещаете его в другой список. _Примечание: вы не можете вызывать monitor.isDragging() внутри этого метода. _

Это помогает?

Прекрасно работает! Должно быть, пропустил это в документации.

Спасибо за вашу помощь! Закрою билет.

Без проблем. Рад помочь.

Мех! Ссылки на http://notlouieagain.com/ не отвечают ...

Я нашел основную причину своей проблемы. Мне пришлось прекратить использовать DragDropContextProvider для обертывания моих DropTargets и DragSources. См. Пример ниже.
http://react-dnd.github.io/react-dnd/docs-drag-drop-context-provider.html

export default class YourApp {
    render() {
        return (
            <DragDropContextProvider backend={HTML5Backend}>
                /* ... */
            </DragDropContextProvider>
        )
    }
}

Вместо этого мне пришлось использовать DragDropContext, чтобы обернуть весь мой класс, как показано ниже.
http://react-dnd.github.io/react-dnd/docs-drag-drop-context.html

class YourApp {
    /* ... */
}
export default DragDropContext(HTML5Backend)(YourApp)

Это сразу устранило проблему для меня.