반응 가상 선택 구성 요소에서 생성 가능한 소품이 작동하지 않음

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

나는 동일한 문제가있었습니다. 내 경우에 문제는 react-select 버전으로 인해 발생했습니다. 나는 반응-선택 0.9.2에서 V1.2.1로 업그레이드하고이 트릭 않았다 (이 중요한 경우 나도 몰라) 몇 가지 예에 존재 수입 다음

"react-select": "v1.2.1" 

가 나는 또한 추가를 :

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