問題タブ [react-select]

私はreact-selectを使用しています。

入力を直接操作せずに、react-select 入力フィールドを更新する必要がある場合があります (テキストを挿入する必要があります)。ドキュメントでこれを適切に行う方法が見つからないようです。

これが私のReact-Select入力です：

私のオプションは、エラスティック検索の結果に基づいて動的に作成されます。また、ラベルと値は 2 つの異なる文字列です (1 つは「id」で、もう 1 つは「name」です)。

反応選択入力ボックスに名前を挿入できるようにする必要があります。どうすればこれを行うことができますか？

npm経由でインストールされたreact-select、1.0.0-beta14コンポーネントを使用しています。

ステートレス機能コンポーネントにセレクターがあります。

その中で選択を行うと、小さな「x」が「×」として表示されます。私はrequire経由でcssファイルを含め、webpack経由で "css-loader": "^0.23.1" で処理しています。

このサイトでは、エンコーディングの問題である可能性があると確信しましたが、これを修正するためにどこを探すべきかわかりません.

彼らの例:

私の：

反応でコンポーネントのスタイルを設定するために classNames を使用していますが、react-selectなどのコンポーネントを使用する場合、スタイルをインポートしreact-select/dist/react-select.min.cssてコンポーネント内で使用する方法を教えてください。

これが私のコードです。私の反応選択はスタイルが設定されていません。それを達成する方法は？

React Virtualized Selectを使用して、選択ドロップダウンに約 100 万件のレコードを表示したいと考えていました。フラスコとangularjsに基づいてプロジェクトを作成しました。angularjs を介してそのようなドロップダウンのリソースを見つけることができなかったため、この選択ドロップダウンを取得するために、react.js と angular.js を使用することにしました。

私の質問に来て、私が今まで試したコードの下を見つけてください。私は nodeJS を使用していないため、これらのドロップダウンで重要な役割を果たす「require」または「include」を使用することはできませんが、幸いにも「react-virtualized-select」用の UMD JavaScript ファイルが提供されていたので、これらのスクリプトを最後に含めました。 HTML本体の、しかし、コードを実行すると、コンソールにエラーが表示されます

embedded:20 Uncaught ReferenceError: VirtualizedSelect が定義されていません

適切な方法で反応を実装しているか、またはUMDファイルについて間違っていることを誰かが教えてくれますか? 前もって感謝します。

更新: 問題を強調する JS Fiddle を作成しました。また、SO からのコメントに基づいてコードにいくつかの変更を加えました。

JSFiddle Demo

私は reactJs を学び、react-selectを使用しようとしています。

html:

app.js:

app.js から bundle.js へ -> browserify -t [ babelify ] public/js/app.js -o public/js/bundle.js

結果：

問題 -ドロップダウンから何かを選択しようとすると、選択に値が表示されません。Select...ラベルが常に表示されます。

と呼ばれるmongodbコレクションで定義されたタグを収集するためにreact-selectを使用していtagsます。タグを配列options[]ins状態に挿入する必要がありますstaticOptions[]。

問題: console.log(name)私handleOptions()の場合、for ループの最初の項目のみをログに記録しています。

質問:tagsコレクションからオブジェクトの配列を のように返す方法this.state.optionsはstaticOptions?