問題タブ [react-redux]
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.
redux - Redux によって注入された props をコンソールに表示する方法
を使用して、状態を変更し、UI を更新できますRedux
。console.log(this.props)
しかし、ランタイムのようにコンソールを使用して、コンソールで Redux によって注入された小道具を表示する方法。私はできません。小道具は見たことがない。
以下のコードのように Redux ストアから割り当てられたコンポーネント (クラス) の小道具を表示する方法はありますか?
reactjs - ページがロードされたときに websocket から受信したリクエストに、redux でアクションをディスパッチするにはどうすればよいですか?
React で Redux を使用していますが、問題が発生しました。私のアプリでは、WebSocket 経由で BE からのメッセージをリッスンします。アプリが読み込まれると、送信された websocket メッセージをリッスンし、いくつかのアクションをディスパッチする必要があります。
それ、どうやったら出来るの ?
javascript - redux と react を使用した複数登録フォーム
react redux についてより深く理解するために、airbnb のリスティング フォームに似たダッシュボード フォームを開発しようとしていますが、プロジェクトの途中で立ち往生しています。ユーザーが続行ボタンをクリックすると、ユーザーが別のフォームに入力するなどの複数のフォームがあり、ユーザーが戻るボタンをクリックすると、ユーザーは以前に入力された値で1ステップ戻るフォームを取得します。私はこれのために何をすべきか決めることができませんでした。動作中のオブジェクトを、listingName として作成する必要がありますか。summary、name、email などを空の値として、Object.assign() などを使用して reducer で更新します。これまで、ユーザーが個人タブをクリックすると個人情報に関連するフォームが表示され、ユーザーが基本タブをクリックすると基本情報に関連するフォームが表示されるようにしか開発できませんでした。最後の送信時にすべてのフォームデータをサーバーに送信したい。私は今どうすればいい ?続行ボタンと戻るボタンに増分アクションと減分アクションを使用し、最後のフォーム ボタンに送信アクションを使用しますか? アイデアを教えてください。
これが私のコードです
アクション/index.js
レデューサー/reducer_active_form.js
レデューサー/reducer_form_option.js
コンテナー/フォームの詳細
redux - mapDispatchToProps メソッド内のアクセス状態
redux を使用してコンテナー コンポーネントを作成しました。私の実装はmapDispatchToProps
次のようになります。
問題は、getTableData を取得するために、他のコンポーネントの状態が必要なことです。このメソッドで状態オブジェクトにアクセスするにはどうすればよいですか?
javascript - テーブルのアクションとリデューサーを設計する
サーバー主導のデータが複数のページのテーブルに表示されています。
現在、次のテーブルアクションがあります
ロードをトリガーする必要があるいくつかのページにフィルターがあります。
この機能を使用する複数のエンティティがあり、上記のロジックのほとんどを共有しますが、個別のロード機能の定義が必要になります。
私が考えたのは、テーブル ID をパラメーターとして受け取るアクションを作成してから、この ID を受け取り、エンティティ内にテーブル ノードをマウントする createTableReducer 関数を作成することでした。
redux saga のようなものを使用せずに、一般的なアクションからエンティティ固有のロード アクションをトリガーするにはどうすればよいですか?
高次のコンポーネントを作成してロード関数に渡すことについて疑問に思っていましたが、これで問題が解決するとは思いません。テーブル コンポーネント自体から change アクションと load アクションの両方を呼び出すこともできますが、これは良い解決策とは思えません。
react-native - 状態の変更が子コンテナに反映されない
私の反応ネイティブ アプリでは、redux を使用してPost
オブジェクトの状態遷移を処理しています。状態は、いくつかの子コンポーネントによって変更されます。Post
オブジェクトには 、 などのプロパティがtitle
あり、name
ユーザーdescription
はこれらを編集して保存できます。
レデューサーでは、React.addons.update を使用して新しい状態オブジェクトを返します。
メイン コンテナ ビューには、2 つのカスタム子コンポーネントがあります (TabBarNavigator にラップされています)。
子コンポーネントの 1 つに、状態を更新する TextInputs がほとんどありません。
ロガー ミドルウェアと console.log() を使用すると、親ビューの render() (this.props.name 経由) に新しい状態値が表示されますが、子ビューには表示されません。
更新された状態が子コンテナーに反映されない理由を理解しようとしています。どんな提案でも大歓迎です。
子コンテナーで redux ストアを手動でサブスクライブすることを考えているところですが、それは間違っていると感じています
私のコードは次のようになります。
メインビュー
リデューサー:
アプリのレンダリング シーン:
構成ストア: