Javascript React中的筛选器列表

我这里有个问题。我有一个react api，我想创建一个选择框，按特定属性过滤数据

constructor() {

    super();
    this.state = {
        results: []
    };
}

我收到一个项目清单，上面有名称和评分。我想用select进行过滤。如果我只想看到评级为5或更高的项目，请选择5

return (

<div className="container clearfix">
  {/* value={props.search}  */}
  <select>
    <option value="" />
    <option value="10">10</option>
    <option value="9">9</option>
    <option value="8">8</option>
  </select>
  <div>
    {props.results

      .map(item=> (
        <div key={item.id} className="item-holder">
          <img src={`${imagePath}${item.image}`} />
          <span className="votes">{item.rating}</span>
          <p>{item.title}</p>
        </div>
      ))}
  </div>
</div>

);

返回(
{/*值={props.search}*/}
10
9
8.
{props.results
.map（项目=>(
{item.rating}
{item.title}

))}
);

---

德克萨斯州

您需要在

选择中附加一个侦听器，例如

<Select onChange={(event) => this.setState({filterValue: event.target.value})}

props.results.filter((item) => item.rating >= this.state.filterValue)
             .map(...)