yapi/client/containers/News/NewsTimeline/NewsTimeline.js

import React, { Component } from 'react'
import { Timeline } from 'antd'
import PropTypes from 'prop-types'

class NewsTimeline extends Component {
  static propTypes = {
    data: PropTypes.array
  }

  constructor(props) {
    super(props);
  }

  render () {
    const data = this.props.data;
    return (
      <section className="news-timeline">
        <Timeline pending={<a href="#">See more</a>}>
          { 
            data.map(function(item,i){
              return (
                <Timeline.Item color = 'green' key = {i} >
                  <div>
                    <span className='timelineDate'>{item.date}</span>
                    <span className='timelineName'>{item.name}</span>
                  </div>
                  <p>{item.desc}</p>
                </Timeline.Item>
              )
            })
           }
        </Timeline>
      </section>
    )
  }
}

export default NewsTimeline