react-select:选择选项后无法映射值

时间:2018-11-10 21:49:02

标签: reactjs react-select

This example的react-tables使用react-select作为自定义过滤器,但是将react-select的版本从v1.2.1升级到v2.1.1后,选择时出现错误entry.map is not a function下拉菜单中的一个选项。

下面是select组件,有人知道为什么.map不再有效吗?

    <Select
      style={{ width: "50%", marginBottom: "20px" }}
      onChange={entry => {
        console.log(entry);
        this.setState({ select2: entry });
        this.onFilteredChangeCustom(
          entry.map(o => {
             return o.value
          }),
          "firstName"
        );
      }}
      value={this.state.select2}
      multi={true}
      options={this.state.data.map((o, i) => {
        return { id: i, value: o.firstName, label: o.firstName };
      })}
    />

2 个答案:

答案 0 :(得分:2)

条目是一个对象,而不是数组,因此您不能在其上使用map。使用条目的value属性似乎有效。

delim_whitespace=True

答案 1 :(得分:0)

删除multi={true}道具,并用isMulti代替。

我有同样的错误,这对我有用