educoder/public/react/src/forge/Merge/MergeItem.js

import React , { Component } from 'react';
import { Link } from 'react-router-dom';

class MergeItem extends Component{
  render(){
    const { issues , search_count , page , limit } = this.props;
    const { projectsId } = this.props.match.params;
    const renderList =()=>{
      if(issues && issues.length > 0){
        return(
          issues.map((item,key)=>{
            return(
              <div className="issueItem">
                <div className="flex-1">
                  <p className="mb15 df">
                    <span className="issueNo"># {search_count - (key + (page-1) * limit)}</span>
                    <Link to={`/projects/${projectsId}/merge/${item.pull_request_id}/Messagecount`} className="flex-1 hide-1 font-16 color-grey-3 lineh-30">{item.name}</Link>
                  </p>
                  <p className="color-grey-6">
                    <span>{item.created_at}</span>
                    { item.journals_count ? <span className="ml20"><i className="iconfont icon-pinglun1 mr3 font-16"></i>{item.journals_count}</span> : "" }
                  </p>
                </div>
              </div>
            )
          })
        )
      }
    }
    return(
      <div>
        {renderList()}
      </div>
    )
  }
}

export default MergeItem;