使用 React-select 设置多个选定值

Question

我有一个下拉菜单，用户可以在其中添加多个下拉菜单和 select 一个值。 在发出 GET 请求时，我想将所选值保留在下拉列表中，但不确定该怎么做。 我能够在单个下拉列表中创建选定值，但发现很难在多个下拉列表中保留选定值。 我将在这样的数组中获取值

values = ["English","Ukraine","Japnese","Korean"];

然后在 Select 下拉列表中设置单个值我这样写：

options = [
{value: "english", label: "English"},
{value: "ukraine", label: "Ukraine"},
{value: "japnese", label: "Japnese"},
{value: "korean", label: "Korean"},
{value: "french", label: "French"}
];
<Select 
  className="profile-module-select-container"
  classNamePrefix="profile-module-select"                        
  options={options}
  onChange={selected => {
   this.handleDropdownSelect(selected, formKey);
  }}
  onMenuOpen={(e, i, o) => {
    this.setState({
      selectMenuOpen: true
    });
  }}
  onMenuClose={() => {
     this.setState({
       selectMenuOpen: false
     });
  }}
  name={name}
  value={options.filter((items) => { return items.value === values })}
  />

Answer 1

values是一个数组，您还必须遍历它并根据Options对其进行过滤。 考虑到当前的实现，这将是一个嵌套循环，是的。