用户反应路由器地图

Question

里面我想用react-router（必须使用2.8.1）为（使用map）的列表中呈现内容。

但是，如果我显示{this.props.children}的.map外，它呈现一个在时间。

我需要它显示嵌入式/列表条目下。

我该如何做到这一点？

class App extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     movies: x.movies 
    }; 
    } 
    render() { 
    return (
     <div> 
     <h2>Repos</h2> 
     {x.movies.map(movie => 
      <span key={movie.id}> 
      {movie.name} 
      <NavLink to={"/repos/" + movie.id + "/next"}>React Router</NavLink> 
      </span> 
     )} 
     {this.props.children} 
     </div> 
    ); 
    } 
} 

Answer 1

您呈现children循环，我相信这是造成额外的Next Id:4每个条目之间显示内。

尝试以下，通过使孩子外循环。

{ 
    x.movies.map(movie => (
     <span> 
     <Result key={movie.id} result= {movie}/> 
     </span> 
    )) 
} 
<span>{this.props.children}</span>