Javascript 如何在react js中选择多个值？

我试图从选择字段中选择多个值，但我只能选择一个字段，我从api获取数据，在api端点中，我可以选择多个用户，如

user=1,2,3

，我还想在react js中选择多个用户。这是我的代码

这是表格

         <select
              multiple={true}
              onChange={this.handleChange}
              value={this.state.selectedOptions}
              className="form-control btn-block"
              id="exampleFormControlSelect2 btn-block"
              style={{
                width: "200px",
                color: "rgba(19, 183, 96, 1.0)"
              }}
              name="idd"
            >
              {this.state.movies.map(c => (
                <option value={c.pk}>{c.user1}</option>
              ))}
            </select>

---

请帮助我，我卡在这里了，我不知道如何解决这个问题，在你的选择字段道具中更改

value={this.state.selectedOptions}

到

value={this.state.value}

工作（简化）代码段

类SomeComponent扩展React.Component{
陈述={
值：null，
电影：[{user1:'iRobot'，pk:'1'}，{user1:'Matrix'，pk:'2'}，{user1:'Hackers'，pk:'3'}]
}
手变（活动）{
这是我的国家({
值：Array.from（event.target.selectedOptions，item=>item.value）
});
}
render（）{
返回(
console.log（）}
value={this.state.value}
>
{this.state.movies.map（movie=>(
{movie.user1}
))}
)
}
}
ReactDOM.render(
,
document.getElementById（“react”）
);
有一个库react select，您可以使用它来实现所需的功能。以下是该软件包的官方npm站点链接


handleChange(event) {
    //this.setState({value: event.option});
    this.setState({
      value: Array.from(event.target.selectedOptions, item => item.value)
    });
  }

  // Get Data From Backend
  async componentDidMount() {
    try {
      const res = await fetch(config.apiUrl.reportModel);
      const movies = await res.json();
      // console.log(report);
      this.setState({
        movies
      });
    } catch (e) {
      console.log(e);
    }
  }