問題タブ [react-select]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Reactjs と redux-form: redux-form のラップされた react-select コンポーネントで onChange または onBlur を使用できません
react-selectコンポーネントを使用しています。redux-formライブラリとそのフィールドを使用しているため、react-select をラップして redux-form フィールドで使用し、フォームの値を送信する必要があります。このように<Field name="customselect" component={RenderSelectInput} />。ただし、ラップされた react-select コンポーネントを使用すると、カスタムonChangeと関数を使用できません。onBlurこのような<Field name="customselect" component={RenderSelectInput} onChange={this.handleChange}/>
これはRenderSelectInput.jsです
ホームページ.js
上記のプログラムでは、前述したように、ラップされた react-select の値を変更すると、「成功」アラートを表示したいだけです。ガイドしてください。
ありがとう、シャッシュ
redux - redux-saga で async react-select を使用する
非同期の react-select ( Select.Async )を実装しようとしています。問題は、redux-saga でフェッチを実行したいということです。したがって、ユーザーが何かを入力すると、fetch-action がトリガーされます。次に、Saga はレコードを取得してストアに保存します。これはこれまでのところ機能します。残念ながら、loadOptions は promise を返す必要があるか、コールバックを呼び出す必要があります。新しく取得されたオプションは変化するプロパティで伝播されるため、Select.Asyncを saga と共に使用して非同期フェッチ呼び出しを行う方法がわかりません。助言がありますか？
コールバックをクラス変数に割り当て、componentWillReceiveProps で解決するハックがありました。その方法は醜く、適切に機能しなかったので、より良い解決策を探します。
ありがとう
javascript - React-select はフィールドに選択された値を表示しません
私は次のように定義するreact-selectコンポーネントを持っています:
とopts = [{label: any, value:1}, {label:Two, value:2}]。
選択時の値は、関数を介して状態に保存されportfolioSelectorます。問題は、値を選択すると、選択フィールドに表示されないことです。私の主なコンポーネントはこれです：
なぜなのかご存知ですか？
reactjs - React-select 非同期オプションが表示されない
リストに検索結果を表示したいのですがreact-select、ユーザーがオプションをクリックすると、下の表にデータが完全に読み込まれます。
これが私のloadIptions
関数を検索に送信しています：
ただし、これを入力に表示することはできません。読み込み状態のままです。
タイトルを表示する方法はありますか？