問題タブ [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 の複数の選択フィールドの値をクリアする
https://github.com/JedWatson/react-selectを使用して、UI に単一/複数選択リストのセットを表示しています。そして今、すべてのフィールド値を一度にクリアする必要があります。
ドキュメントには、要素 -Clearable
プロパティの中または横にクリアボタンを追加するオプションがあります。しかし、コンテナー コンポーネント レベルの要素の外側から、たとえば redux 状態を使用して呼び出したいと考えています。
コンポーネント構造は次のとおりです。
私はこのソリューションをチェックしましたが、フィルターを保持しながら React-select clear value を確認しましたが、値を完全に削除するのではなく、既存の値を設定することです。
reactjs - React セレクターは未定義のプロパティを読み取れません
反応レデューサー/セレクター モデルに従おうとしていますが、レデューサーがストアへの入力を完了する前にセレクターが呼び出されています。
私のレデューサーでは、レデューサーがセットアップされているため、case: FETCH_API_CATEGORIES_OK
以下の関数が返されます。
私のセレクターでは、state.categories (オブジェクトの配列) をマップし、追加のロジック処理 (並べ替えなど) を実行して を返し{...state, categories: sortedCategories}
ます。当然、TypeError: Cannot read property 'name' of undefined
セレクターを使用するコンポーネントには、非同期呼び出しが終了するまでまだカテゴリがないため、取得しています。これを防御する最善の方法は何ですか?