index.js 620 Bytes
Newer Older
zhanghaozhe committed
1 2 3 4 5 6 7
import React, { Component } from 'react';
import './index.scss'
import { Link } from "react-router-dom";


class Recommends extends Component {
  render() {
zhanghaozhe committed
8
    const {recommends} = this.props
zhanghaozhe committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
    return (
      <div className="recommends">
        <div>相关课程</div>
        <ul>
          {
            !!recommends.length && recommends.map(item => {
              return <li key={item.course_id}>
                <Link to={`/detail?id=${item.course_id}`}><img src={item.image_name} alt=""/></Link>
              </li>
            })
          }
        </ul>
      </div>
    );
  }
}

export default Recommends;