react-dnd

3热度

1回答

在this Angular example中，如果您将一个苹果拖动到橙色部分并将其放在那里，则会有一个动画缓慢地将苹果返回到它来自的位置。这在视觉上表示将苹果拖动到橙色部分是无效的。使用的角拖放库来自codef0rmer。如何在react-dnd或其他反应拖放包中创建类似的动画？ Here是一个带有一些动画的React拖放示例。我可以用react-dnd或其他广泛使用的软件包来做这种事吗？其余

1热度

1回答

ReactDnD：connectDragSource不是函数

我有一个由几个不同组件组成的顶级组件。 InventoryBox - 指定该清单包含 InventoryList空间 - 指定的项目列表清单中的项目 - 在清单列表中的单个项目 InventoryBox是顶级级别的组件，所以我把它包装在一个DragDropContext中。我遇到的问题是，我在collect函数中指定的connectDragSource函数没有将该方法注入到我的项目组件中。我收

0热度

1回答

StaticProptypes在arrayOf ES6/7 React14

static propTypes: { arrayOfLines: PropTypes.arrayOf(PropTypes.number) }; （<在那个括号它给了我一个语法错误，但看着现在看来似乎应该是正确的做只是PropTypes.array似乎好工作太文档，或数我包括此： import React, {Component, PropTypes} from 'r

0热度

1回答

获取的DragSource所规范

下面的canDrag方法鼠标位置是我拖动源规范的canDrag方法： const itemDragSource = { canDrag(props, monitor) { if(props.canDrag && !props.canDrag(props.itemData)) { if(props.dragUndraggable){

0热度

2回答

React-dnd - 在dragStart上更改dropTargets的样式

我收到了一个显示多个可拖动页面的应用程序。由于这些内容可能会变得很长，我只想显示页面名称并将页面高度限制在的beginDrag()上，并将高度重置为endDrag()上的自动。不幸的是，这不起作用，样式会被忽略。我认为这是因为react-dnd需要保持元素的比例，因此它可以处理放置目标并知道哪个组件位于哪个位置。有没有其他方法可以实现这一点？

1热度

1回答

如何在测试react-dnd时存根监视器？

我试图测试我的react-dnd的实现，并且在我的拖放函数之一中，我使用monitor.getInitialClientOffset()函数来获取偏移量，并且我希望存根此方法以返回特定的偏移量，即I然后可以断言，但我无法弄清楚。在我的测试我使用 const WrappedContext = wrapInTestContext(ContextArea); const page = mount(<W

0热度

1回答

react-dnd：检查拖动源是否位于有序列表中的原始位置之后

我正在使用react-dnd。我想知道当前悬停的目标是在dnd dom对象的有序列表中拖动源之前还是之后，并将其作为css类传递给dom对象。我希望能够比较我自己的自定义函数的源代码和目标代码之间的道具。如何创建自定义的源目标关系函数（如isOver，canDrop等）？我想创建一个isBeforeDraggedSource（）函数。