javascript - 在映射函数中响应条件语句

Question

我正在显示来自 Google Maps API 的评论。在我的 map 功能中，我只想显示高于 1 评级的评论。如何更新我的 map 功能以仅显示 review. rating > 1 的评论？

{this.state.reviews && this.state.reviews.map((review, index) => (
    <div key={index} className="review">
        <p>{review.text}</p>
    </div>
))}

Answer 1

只需在 map 之前过滤它们:

{this.state.reviews
    .filter((review) => review.rating > 1) // get only reviews with rating > 1
    .map((review, index) => (
       <div key={index} className="review">
          <p>{review.text}</p>
       </div>
    ))
}