問題タブ [react-lifecycle]
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 - 別のレデューサーで状態が変化したときにコンポーネントを再レンダリングする
わかりました、それで、私はcuisineReducer.jsとRecipeReducer.jsを持っている簡単なレシピコレクションアプリに取り組んでいます。
私の管理者ダッシュボードでは、管理者ユーザーは料理グループを作成、削除、編集することができ、料理グループのレシピを作成、削除、編集することもできます。ユーザーが任意の料理グループをクリックすると、料理 ID を使用してレシピ パネルにすべてのレシピが表示されます。ユーザーは、レシピまたは料理グループで「x」を押して削除することもできます。解決する必要がある競合は、レシピが削除されたときです。更新する必要なく、UI からも削除する必要があります。それを達成する方法がわかりません。これが私のコードです。
CuisineReducer.js
CuisineActions.js
レシピレデューサー.js
RecipeActions.js
Admin.js
使用している呼び出しの json データは次のとおりです: getCuisinesByCategory() GET 呼び出し出力:
react-native - native-module コールバックで react-router-native の場所を変更する方法
サービス オーバーレイ (Facebook メッセンジャーのバブル ヘッドなど) を表示し、Android でのみ実装する反応ネイティブ アプリケーションを構築しています。オーバーレイをクリックすると、特定の画面でアプリに戻る必要があります。
私は react-router-native を使用しており、ルートは次のように構成されています。
App.js
Mainコンポーネントには次のものがあります。
Main.js
私のネイティブ モジュールからのコールバックは、次のように呼び出されています。
FloatingView.java
コールバックはコンポーネントで定義されSearch、ネイティブ モジュールも実行します。
検索.js
問題はthis.props.history.push("/progress");、タイムアウトの外側でも内側でも機能しないことです。タイムアウト外では、関数は前に呼び出されますMain componentDidMountがlocation.pathname、更新されません。その中で関数は後で呼び出されますが、正しい画面に移動しません。それは常にに陥り/homeます。
検索コンポーネントがマウントされていないため、これはライフサイクルの問題だと思いました。私はこれを機能させる方法を見つけようとしています。コンポーネントを使用してみましたRedirect：
とにかくこれを回避する方法を考えることができますか？ありがとう