欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-03 09:41:41
一般列表都有选择功能,单选复选多选都很常见。在自定义循环的列表,图像中,实现鼠标单选,多选,反选功能。# react mousemultiples# react 鼠标多选组件react 鼠标多选组件局...

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

# react mousemultiples
# react 鼠标多选组件

react 鼠标多选组件 

局限性

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

npm包地址 [链接]()

安装 

npm i mousemultiples

使用配置项

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

 示例:

> 说明:

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

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

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