反応するネイティブの小道具とディープリンクの理解

Question

私はproduct listとproduct infoページを持っています。ユーザーがリストページで製品を選択すると、製品リストから製品情報ページへの製品データがI passPropsとなり、データベースから同じデータを再クエリする必要はありません。その間、私の製品情報ページでは深いリンクが可能です。

ユーザーが製品情報ページにリンクしている場合、どこにデータを渡す必要がありますか？カスタムURLに を追加するか、データベースから再度データをクエリしますか？

注：私はデータベース

Answer 1

としてfirebaseを使用していフラックス/ Altjsを含む多くの推奨する流れは、常にあなたのコンポーネントの外にあなたの状態を維持することです。今、あなたのケースにそのコンセプトを適用する方法は？ ProductStore ProductInfo

聴取へ

• ProductList聴取ProductStore
• ProductStoreにproducts
• ProductStoreの配列に使用されたproductsアレイに存在するクリック積に等しいactive_productを有し有しますProductListコンポーネントの製品リストを生成します。

シナリオ1：ユーザーが「製品リスト」ページにアクセスして製品をクリックすると、製品情報が表示されます。データがリストを表示するためにロードされた場所にあるときにデータが取得された後、active製品がストアに設定されたため、product infoページに何もロードする必要はありません。

シナリオ2：ユーザーが訪問product info id=1ページ、product infoコンポーネントのチェックactive_productにデータがある場合は、ページがロードされたばかりするので、それは、そのデータ用DBを照会し、それがactive_productをint型入れしません。