reactjs - 可创建的 Prop 在 react 虚拟化选择组件中不起作用

Question

我正在使用 react-virtualized-select 的“Creatable” Prop .当我编写自定义选项(例如测试代码 4)时，它显示文本“创建选项“测试代码 4”。但是，当我单击该选项时，下拉列表变为空白，并且该选项也未添加到选项列表中。

演示库链接:https://bvaughn.github.io/react-virtualized-select/

演示库链接源代码:https://github.com/bvaughn/react-virtualized-select/blob/master/source/VirtualizedSelect/VirtualizedSelect.example.js

选项:下面的列表来自数据库。
数据源= [
{name: "Test1", label: "测试代码 1", type: "text"},
{name: "Test2", label: "测试代码 2", type: "text"},
{name: "Test3", label: "测试代码 3", type: "text"}
]


组件:

import { Creatable } from 'react-select'

handleOptionChange( selectedValue ) {
   this.setState({
     selectedValue: selectedValue
   });
}

<VirtualizedSelect
   labelKey='label'
   clearable={ clearable }
   disabled={ disabled }
   multi={multi}
   handleOptionChange={this.handleOptionChange}
   options={ dataSource }
   searchable={ searchable }
   selectedValue={ selectedValue }          
   selectComponent={Creatable}
   valueKey='name'
/>

我不知道我还缺少什么？

提前致谢。

Answer 1

我遇到了同样的问题。在我的例子中，问题是由 react-select 的版本引起的。我将 react-select 从 0.9.2 升级到 v1.2.1，这成功了:

"react-select": "v1.2.1"

我还添加了一些示例中存在的以下导入(我不知道这是否重要):

import React, { Component, PropTypes  } from 'react';