反応可能仮想選択コンポーネントで作成可能な小道具が機能しない

Question

react-virtualized-selectの 'Creatable'小道具を使用しています。カスタムオプション（例：テストコード4）を書くと、テキスト '作成オプション "テストコード4"が表示されます。しかし、そのオプションをクリックすると、ドロップダウンが空白になり、そのオプションもオプションリストに追加されません。

ライブラリのリンクはデモしますhttps://github.com/bvaughn/react-virtualized-select/blob/master/source/VirtualizedSelect/VirtualizedSelect.example.js

オプション：リストの下のデータベースから来ているhttps://bvaughn.github.io/react-virtualized-select/

ライブラリのリンクがソースコードをデモします。 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

私は同じ問題がありました。私の場合、問題は反応選択のバージョンによって引き起こされました。私は、反応選択0.9.2からV1.2.1にアップグレードし、これはトリックをした：

"react-select": "v1.2.1" 

私もいくつかの例で存在している輸入品を、以下の追加（これは非常に重要である場合、私は知らない）：

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