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

【问题标题】：I would like to know how to display only one specific element of the collection instead of the whole collection我想知道如何只显示集合的一个特定元素而不是整个集合
【发布时间】：2016-07-07 02:58:33
【问题描述】：

我正在使用流星反应和 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>
        );
    }
}

【问题讨论】：

你能告诉我们this.renderVraag()的样子吗？它返回什么？元素？数据数组？
它就在那里。就在render() 方法的上方。
如果你尝试像这样渲染它会怎样：<ul>{this.renderVraag()[0]}</ul>?

标签： mongodb meteor reactjs

【解决方案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的信息。

【讨论】：