用于“矩形选择”的 React 组件

xua*_*nji 4 user-interface reactjs

有一种常见的 UI 手势,例如在 Windows 资源管理器中使用,您单击并按住、拖动,然后释放,对象会落在矩形中,左上角由您单击的位置定义,右下角由您单击的位置定义。已选择发布。在 GIMP 中,用于此目的的工具如下所示。

在此输入图像描述

另一个例子在这里: http: //jointjs.com/rappid/docs/ui/selectionView

我知道如何在 javascript 中将其作为 React 组件来实现,但这太常见了,我确信有人已经这样做了,但无论我如何努力搜索,我都找不到任何执行此操作的 React 组件。“矩形选择”这个名字是错误的吗?

Siu*_*Siu 5

我已经在评论中提供了解决方案,但我会在这里再次发布,以供将来有相同需求的人参考。

反应可选择

Allows individual or group selection of items using the mouse. Click and drag to lasso multiple items, hold the cmd/ctrl key to select non-adjacent items.