{"size": 733, "ext": "js", "max_stars_repo_path": "src/pages/discover/index.js", "max_stars_repo_name": "cishizhen/sss-music", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/discover/index.js", "max_issues_repo_name": "cishizhen/sss-music", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/discover/index.js", "max_forks_repo_name": "cishizhen/sss-music", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.1785714286, "max_line_length": 78, "alphanum_fraction": 0.6070941337}
import React, { memo } from 'react'
import { HashRouter, NavLink } from 'react-router-dom'
import { renderRoutes } from 'react-router-config'
import { dicoverMenu } from '../../common/local-data'
import { HeaderDiv } from './childcpns/css/headercss'

export default memo(function Discover(props) {
  const headerList = dicoverMenu.map( (item) => {
    return <NavLink to = {item.link} key = {item.title}>{item.title}</NavLink>
  } )
  console.log(props);
  return (
    <HashRouter>
    <HeaderDiv>
      <div className = 'wrap-v1'>
        <div className = 'wrap'>
            {headerList}
        </div>
      </div>
    </HeaderDiv>
      <div>
        {renderRoutes(props.route.routes)}
      </div>
    </HashRouter>
   
  )
})
