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

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

有关the MDN docs中.filter()的更多信息。