Javascript 如何将onDragStart连接到Dragable中?
在报告中说:Javascript 如何将onDragStart连接到Dragable中?,javascript,reactjs,react-beautiful-dnd,Javascript,Reactjs,React Beautiful Dnd,在报告中说: DragHandleProps需要应用于要成为拖动控制柄的节点。这是许多需要应用于节点的道具。最简单的方法是将道具扩展到可拖动节点({…provided.dragHandleProps})。不过,如果您还需要响应这些道具,也欢迎您使用monkey patchDragHandleProps将为null dragHandleProps类型信息 我想将onDragStart附加到Draggable上,以便仅当拖动一组特定的元素时才会触发它(而不是将其附加到DragDropContext)
DragHandleProps
需要应用于要成为拖动控制柄的节点。这是许多需要应用于
节点的道具。最简单的方法是将道具扩展到可拖动节点({…provided.dragHandleProps}
)。不过,如果您还需要响应这些道具,也欢迎您使用monkey patch<当isdragdledisabled
设置为true时,code>DragHandleProps将为null
dragHandleProps
类型信息
我想将onDragStart
附加到Draggable
上,以便仅当拖动一组特定的元素时才会触发它(而不是将其附加到DragDropContext
)。
使用我所做的文档中的示例:
<Draggable draggableId="draggable-1" index={0}>
{(provided, snapshot) => (
<div
ref={provided.innerRef}
{...provided.draggableProps}
{...provided.dragHandleProps}
onDragStart={() => console.log('onDragStart')}
>
Drag me!
</div>
)}
</Draggable>
{(已提供,快照)=>(
console.log('onDragStart')}
>
拖我!
)}
然而,它似乎不起作用。有什么想法可以让它工作吗?我认为
OnDragStart
和onDragEnd
只是DragDropContext
组件的事件。它只能在DragDropContext中用于可拖动元素
<DragDropContext
onDragStart={()=>{alert('onDragStart')}}
onDragEnd={()=>{alert('onDragEnd')}}>
</DragDropContext>
{alert('onDragStart')}
onDragEnd={()=>{alert('onDragEnd')}}>
<DragDropContext
onDragStart={()=>{alert('onDragStart')}}
onDragEnd={()=>{alert('onDragEnd')}}>
</DragDropContext>