index.js

import React from "react"
import "./course-base.scss"

const Course = (props) => {
  return (
    <li
      className={`course-base-item ${props.className}`}
      onClick={props.handleClick.bind(this, props.id)}
    >
      {props.top}
      <img src={props.img} alt="" />
      <p className="course-title">{props.title}</p>
      {props.bottom}
    </li>
  )
}

export default Course