CardItem.jsx 1.47 KB
Newer Older
熊成伟's avatar
熊成伟 committed
1
import React, {useState, useEffect} from 'react';
熊成伟's avatar
熊成伟 committed
2 3 4
import './index.less'


熊成伟's avatar
熊成伟 committed
5 6 7 8 9 10 11 12 13 14
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);
熊成伟's avatar
熊成伟 committed
15 16
        data.iconAdd && addCommon()
    };
熊成伟's avatar
熊成伟 committed
17
    const iconClick = () => {
熊成伟's avatar
熊成伟 committed
18
        iconAction()
熊成伟's avatar
熊成伟 committed
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
    };
    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}
                                />
                            )
                        }
熊成伟's avatar
熊成伟 committed
35

熊成伟's avatar
熊成伟 committed
36 37 38 39
                        <img src={data.icon} className="card-content-img-svg" alt="" />
                    </div>
                    <div className="card-content-title">
                        {data.text}
熊成伟's avatar
熊成伟 committed
40
                    </div>
熊成伟's avatar
熊成伟 committed
41 42 43 44 45
                </div>
            )}
        </div>
    );
};
熊成伟's avatar
熊成伟 committed
46 47

export default CardItem;