2022-01-20

king

2022-01-20 a9a5211f48607fa7ac5bae91233f3a5e6df43587

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import React from 'react'
import { useDrag } from 'react-dnd'
import { CloseCircleOutlined } from '@ant-design/icons'
import './index.scss'
 
const MobSourceElement = ({item, triggerDel}) => {
  const [, drag] = useDrag({ item })
  return (
    <div className={'menu-source-item ' + item.component + '-' + item.subtype}>
      <div className="property"><span>{item.title}</span>{item.config ? <CloseCircleOutlined onClick={() => triggerDel(item)}/> : null}</div>
      <img ref={drag} src={item.url} alt=""/>
    </div>
  )
}
export default MobSourceElement