問題タブ [react-select]

コンポーネントをオプション付きreact-selectでシンプルに設定しようとしていますが、ドキュメントが言うようにすべてが設定されているにもかかわらず、動作させることができません。の場合、一度に1 つずつ意図したとおりに動作しますが、設定すると のように表示されます。selectmultiplemultifalseSelectvaluemulti={true}valueundefined

私が与えると、handleChange() event.target.valueそれも与えられるので、 obj プロパティを取得するundefinedために使用したのはそのためです。event.value私はまだReactの初心者なので、stateここで何か間違ったことをしている場合は、ヒントをいただければ幸いです-_-

を使用してreact-select v. 1.0.0rcいます。

ここで奇妙なもの。React-Select v1.0.0rc を使用する場合 (すべての v1.x でバグが発生しますが)、非同期モードで使用して API を検索すると、オプションがドロップダウン メニューに表示されないことがあります。これが発生する理由はないようですが、特定の検索クエリで発生し、他のクエリでは発生しません。

たとえば、どちらも同様の結果を返しますcoconutが、機能しますが機能しません。coconut oil

奇妙なことに、React chrome 開発者ツールを使用すると、Select の状態にオプションが設定されていることがわかりますが、表示されません。また、react-select をクリックしてからもう一度クリックすると、結果が表示されます (firefox と chrome でテスト済み)。これが私のコードと説明するためのいくつかのスクリーンショットです

ここで、何かを入力しましたが、結果が表示されないことがわかります

ここでは、オプション配列の React インスペクターで結果を確認できます。

クリックしてからボックスに戻ると、オプションは次のとおりです。

現れる

私はJavaスクリプトにかなり慣れていないので、これは本当に簡単な答えかもしれません.

私はreact-selectとともにreact-starter-kitを使用しています。選択すると、特定の機能が実行されます。この関数内から、アプリが別のルートに移動するようにします (別の URL を開きます)。

どうすればこれを達成できますか?

したがって、react-select から redux-form で複数選択を onBlur ハック(?) で使用しています。これは、送信時に選択したデータが値に含まれているため、カーテンの後ろで正常に動作しています

しかし、複数選択フィールドにアクセスした後（何も選択しなくても）、値がまったく表示されなくなります（これ以外は何も表示されません
））

したがって、値は redux 状態になりますが、フィールドに値が表示されません。なぜこれが起こっているのか知っている人はいますか？

react-selectoptions 配列に格納されていない値を受け入れるようにしたい。このコンポーネントを使用して値を提案したいと考えていますが、ユーザーが独自の値を入力してぼかしに永続化できるようにしたいと考えています。

私の状況では、オプションはDBで定義された提案を表し、オプションを選択すると、他の関連フィールドが自動入力されます。

ただし、ユーザーがで一意の値を定義し、他の値を手動で定義できるようにしたいと考えています。

ユーザーにこれを選択可能なオプションとして表示させたくないので、オプション配列に一意の値を入力したくありません。

これは可能react-selectですか？

オプションをロードするために、React-Virtualized-Select を非同期 API 呼び出しで使用しようとしていますが、loadOptions メソッドを完了することはありません。完全なファイルは次のとおりです。

getPlayers の 2 番目のコールバックは、配列の配列をオブジェクトの配列に変換することです。console.log は、次のように配列を出力します。

しかし、検索バーのスピナーがハングし、「読み込み中...」以降のオプションが表示されません。データをより適切に送信する方法がわからない。

タイトルが示すように、選択をクリックしてオプションを表示すると、選択を開くことができません。

関連するコードは次のとおりです。さらに必要な場合は、次のように尋ねてください。