Question

我正在使用＆＃39;可创造的＆＃39; react-virtualized-select的道具。当我编写自定义选项（例如测试代码4）时，它会显示文本＆＃39; 创建选项＆＃34;测试代码4＆＃34; 。但是，当我单击该选项时，下拉列表变为空白，该选项也未添加到选项列表中。

图书馆链接演示：https://bvaughn.github.io/react-virtualized-select/

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

选项：下面的列表来自数据库。 dataSource = [ {name: "Test1", label: "Test code 1", type: "text"}, {name: "Test2", label: "Test code 2", type: "text"}, {name: "Test3", label: "Test code 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';

不能在react-virtualized-select组件中工作的可创建道具

1 个答案: