用戶反應路由器地圖

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>