index.js

import React from 'react';
import './index.scss'

const VList = (props) => {
    return (
        <li
            className='v-list-item'
            onClick={() => {
                typeof props.toDetail === 'function' && props.toDetail(props.id)
            }}
        >
            <div className="content">
                <div className="cover">
                    {props.status}
                    {props.courseExpire}
                    {props.toDetail
                        ? (<img src={props.img} alt=""/>)
                        : (<img src={props.img} alt=""/>)
                    }
                </div>
                {props.info}
            </div>
            {props.tab}
        </li>
    );
};

export default VList;