我想知道如何只顯示集合中的一個特定元素而不是整個集合

Question

我正在處理流星反應和mongo集合。

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

你需要.filter()你.map()之前，如：

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} />; 
    }); 
} 

更多.filter()在the MDN docs。