コレクション全体ではなくコレクションの特定の要素のみを表示する方法を知りたい

Question

私は流星群とモンゴーのコレクションで作業しています。 the MDN docsで.filter()について

renderVraag() { 
    return this.props.vragen 
    .filter(vraag => { 
    // some logic that returns true for any item you want to include like: 
    return vraag._id === 123; 
    }) 
    .map(vraag => { 
    return <Vraag key={vraag._id} vraag={vraag} />; 
    }); 
} 

より：

class App extends Component { 
    renderVraag() { 
     return this.props.vragen.map((vraag) => (
      <Vraag key={vraag._id} vraag={vraag} /> 
     )); 
    } 

    render() { 
     return (
      <div className="container"> 
       <header> 
        <h1>vragen</h1> 
       </header> 

       <ul> 
        {this.renderVraag()} 
       </ul> 
       <button className="yes"> 
        yes 
       </button> 
       <button className="no"> 
        no 
       </button> 
      </div> 
     ); 
    } 
} 

Answer 1

あなたは次のように、あなた.map()前.filter()する必要があります。