1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import React, {useState, useEffect} from 'react';
import './index.less'
const CardItem = (props) => {
const {data, addStatus, type, addCommon, iconAction} = props;
const [status, setStatus] = useState(false);
useEffect(() => {
setStatus(addStatus)
}, [addStatus])
const contentCLick = () => {
!status && !data.iconAdd && console.log(data.text);
data.iconAdd && addCommon()
};
const iconClick = () => {
iconAction()
};
return (
<div className="card-content" onClick={contentCLick}>
{data.text && (
<div className="card-content-box">
<div className="card-content-img">
{
status && !data.iconAdd && (
<img
src={type === 'edit' ? '/img/common-d.png' : '/img/common-a.png'}
className="card-content-img-icon"
alt=""
onClick={iconClick}
/>
)
}
<img src={data.icon} className="card-content-img-svg" alt="" />
</div>
<div className="card-content-title">
{data.text}
</div>
</div>
)}
</div>
);
};
export default CardItem;