問題タブ [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 - react-select.js 複数選択 preventDefault x ボタンまたは削除
こんにちは、複数選択に react-select を使用しています。パッケージによって生成された閉じるオプションを削除するときにデフォルトを防止したい.添付の印刷画面を参照 http://i65.tinypic.com/23wlkhz.jpg `
javascript - React-Select Uncaught TypeError:未定義のプロパティ「値」を読み取れません
React-Select を使用してアイテムのリストを表示しています。このリストは、Web サービスを呼び出すことによって取得されます。
React-Selectをクリックしてリストをドロップダウンすると。スローしてエラー
キャッチされていない TypeError: undefined のプロパティ 'value' を読み取れません (Select.js 行 74)
数回クリックすると、Web サービス メソッドが呼び出され、コードが正しく機能し始めることがわかります。
そのため、誰かがクリックすると、最初の数秒間は react-select がエラーをスローするようです。しかし、しばらくすると、Web サービス メソッドの呼び出しが開始され、そこから結果が取得され、正しく表示されます。
私のコードはとてもシンプルです
メソッド内にデバッグステートメントがありますupdateItem
ページが読み込まれると印刷されていることがわかり'going to make webservice request'
ますが、反応選択をクリックするとエラーがスローされます。
ドロップドロップを5/6回クリックすると、最終的に「応答がありました」というメッセージが表示され、エラーメッセージが消えてドロップダウンが正常に機能します。
そのため、Web サービスが値を返す前に、誰かがドロップダウン ボックスをクリックすると、ドロップダウン ボックスがエラーをスローするようです。
エラーを停止するにはどうすればよいですか?
reactjs - React-Select、複数選択、テキスト オーバーフロー
複数選択で React-Select コンポーネントを使用しています。私が直面している問題の 1 つは、ユーザーが 3 つまたは 4 つのオプションを選択すると、テキストがオーバーフローし始め、コンポーネントが水平方向または垂直方向に大きくなるため、UI がかなり悪く見えることです。
コンポーネントのサイズが同じままで、ユーザーがさらにオプションを選択すると、新しく選択されたオプションを表示しようとするのではなく、単に "..." (省略記号) を表示する動作が必要です。
私が望む動作は、このコンポーネントとよりインラインです
http://instructure-react.github.io/react-select-box/
複数選択の処理方法を確認してください。
React-Select で多くのテストを行ったので、今はコンポーネントを交換したくありません。
反応選択を削除せずにこれを達成する方法について、いくつかのガイドラインを教えてください。
react-select - 反応選択で選択したアイテムの色を変更する
反応選択で選択したアイテムの色を変更したい。現在、選択された項目は青色で表示されています。色をグレーに変更したい
これに向けて、次の手順を実行しました
MyComponent.scss というファイルを作成しました
/li>
そして、このファイルを私のコンポーネントにインポートしました
私の希望は、これが $grey 変数でデフォルトの色をオーバーライドすることでした。
でも色はまだ青。
meteor - React-select コンポーネントが機能しない
反応選択コンポーネントの非同期バージョンを使用しようとしています。私は通常のバージョンでまったく問題なく動作していますが、追加するときは、プロジェクトのドキュメントからこの非同期の例を使用してみてください:
コンソールに次のエラーが表示されます。
警告: React.createElement: type は null、undefined、boolean、または number であってはなりません。文字列 (DOM 要素の場合) または ReactClass (複合コンポーネントの場合) である必要があります。のレンダリング方法を確認してください
OrderHeaderEdit。
私はそれをReactコードにデバッグしようとしてきましたが、何が起こっているのかを理解することはできません。
これは、上記の非同期選択コンポーネントを持つコンポーネントの完全なコンポーネント コードです。このコントロールは Meteor 1.3 アプリで実行されています。
問題は行の「.Async」拡張子にあるSelect.Asyncようですが、Meteor を混乱させる可能性がありますか?
javascript - React-Select: 選択した項目をメニューに保持
v1.0.0-beta10 でReact-Selectを使用して、 MaterializeCssで複数選択と同様に動作するドロップダウンを実装できるようにするために、選択したアイテムをメニューに保持したいと思います。
ここにスクリーンショットがあります：
この動作を達成する方法は？