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

/
  wrapperScroll?: any, // 滚动单位'ID';
  
  itemClass: string,  // 列表框通用携带 class
  
  activeClass?: string, // 列表框 选中class
  
  isDataChange: any,  // 渲染的数组，检测数据更改
  
  activePosition?: any,  // 主动选中数据
  
  onSelected: (pos: any, item: any, data: any) => void, // 拖动
  
  onSingleSelected?: (pos: any, item: any, data: any) => void, // 单击
  
  注itemClass 与 children 循环box className必须携带一致，同box必须绑定data-position，data-position导出选中的唯一识别
  注带问号为可选项，否则都是必填项。
 /

<MouseMultiples
    wrapperScroll="classify-img_body"
    itemClass='selection_box'
    activeClass='selection_box-active'
    activePosition={activePosition}
    onSelected={selected}
    isDataChange={imageLists}
    {imageLists.map(item => {
        return (
            <div 
            className="selection_box" 
            data-position={item.FileId}
            >
                <div className="listImage"><img src={ item.FileUrl } /></div>
            </div>
        )
    })}
</MouseMultiples>