高端网站定制开发_普陀网站制作_深圳网站优化_青海网页设计
import { Link } from 'react-router-dom'export class Nav01 extends React.Component {constructor(){super();this.state = {navs: [], goods: [], selId: 1 }}componentDidMount(){axios.get("http://localhost:3000/data.json").then((resp)=>{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} </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>)}">