商城分销怎么做_全球疫情最新数据实时动态_手机怎么制作公众号_新能源汽车前十名品牌

import { Link } from 'react-router-dom'export class Nav01 extends React.Component {constructor(){super();this.state = {navs: [], //所有分类数据goods: [], //所有商品数据,selId: 1 //被选中的id}}componentDidMount(){axios.get("http://localhost:3000/data.json").then((resp)=>{// console.log(resp.data)this.setState({navs: resp.data.navs})})}render() {const { navs, selId } = this.state;return (<div><div style={{display:"flex", flexDirection:"row"}}>{navs.map((item, index) =>{if (item.pid === 0){return (<div key={index}style={{color:selId === item.id ? 'red':"#999"}}onClick={()=>{this.setState({selId: item.id})}}>{item.name}&nbsp;</div>)}else {return (<div key={index}></div>)}})}</div><hr />{navs.map((item, index)=>{if(item.pid === selId){return (<Link key={index} to={`/list/${item.id}`}><div key={index}> {item.name}</div></Link>)}else {return (<div key={index}> </div>)}})}</div>)} 写一个有图片的网页字体企业宣传片汇报片拍摄禅城网站制作wordpress模板网网页设计与制作建立站点实验报告郑州疫情最新通知广告设计专业考研千锋教育学费一览表温岭市住房和城乡建设局网站软件项目管理论文小型人力资源公司注册网站开发公司照片喀什网站建设公司南昌网站seo费用关键词优化是什么意思?工商企业信息查询公示系统管理咨询系统免费咨询妇科病医生国内的跨境电商平台有哪些中卫网站设计在哪里360任意看地图网站网站建设案例 算命网站设计方案的步骤中国建设官方网站企业人民日报客户端人民号制作app价格成立公司注意事项广州门户网站制作免费的个人简历模板 简约无极网址