React鼠标多选功能的配置方法

一般列表都有选择功能，单选复选多选都很常见。在自定义循环的列表，图像中，实现鼠标单选，多选，反选功能。

# react mousemultiples# react 鼠标多选组件

react 鼠标多选组件

局限性

> 主要实现鼠标多选的效果, 在不破坏原有的列表情况下，嵌入组件拥有鼠标多选功能。

npm包地址 [链接]()

安装

npm i mousemultiples

使用配置项

> 操作说明：> 鼠标点击，单选> ctrl + 鼠标点击，多选，复选，反选> ctrl + a 全选> 鼠标拖动，范围多选

示例：

> 说明：

> children 自定义设计，样式，格子，选中效果等.

> 导入组件直接包裹已经设计好的列表即可，确保classname和itemclass一致，确保导入data-position，和activeclass是否存在高亮样式。。。

以上就是react鼠标多选功能的详细内容，更多关于react鼠标多选的资料请关注其它相关文章！

• 0
• 0
• 0
• 0
• 0