在React JS中使用迭代列表进行路由

时间:2018-09-21 16:26:01

标签: reactjs react-router

每个列表路由显示相同的路由,所以我该如何去每个路由列表的每个项目,但是路由显示相同的路径。

=SUM((C9:C11>0)*($B9:$B11<MMULT($C9:C11,TRANSPOSE(COLUMN($C9:C11)^0))))

1 个答案:

答案 0 :(得分:0)

根据您的问题,我了解的是该链接在地图中返回相同的路径。因此,要在地图中获取其他路径,请尝试以下代码

render(){
   const names = ['Home', 'About', 'Contact'];
   const nameItems = names.map((name, index) => {
       let url =  "/";
       if( name == "Home"){
           url = "/";
       }else{
           url = name.toLowerCase();
       }
         return <li key={ index }><Link to={url}>{name}</Link></li>;
       })} 
    return(
        <Router>
  <div>
<ul>
               {nameItems}
            </ul>
    <hr/>

    <Route exact path="/" component={Home}/>
    <Route path="/about" component={About}/>
    <Route path="/contact" component={Contact}/>
  </div>
</Router>
    )
   }