我有product list
和product info
页面。当用户在列表页面中选择产品时,我passProps
产品数据从产品列表到产品信息页面,因此我不必从数据库中重新查询相同的数据。同时,我的产品信息页面允许深层链接。
如果用户深入链接到产品信息页面,我应该在哪里传递数据? 在自定义URL中还是再次查询数据库中的数据?
注意:我正在使用firebase作为数据库
答案 0 :(得分:0)
包括Flux / Altjs在内的许多人推荐的流程是始终将您的状态保持在组件之外。现在,如何将这个概念应用到您的案例中?
ProductList
收听ProductStore
ProductInfo
收听ProductStore
ProductStore
的数组为products
ProductStore
的{{1}}等于点击的产品,该active_product
存在于products
数组中,用于生成ProductList
组件中的产品列表。 场景1:用户访问“产品列表”页面,点击产品,显示产品信息。当加载的产品显示列表时,会提取数据,然后在商店中设置active
产品,因此product info
页面不必加载任何内容。
方案2:用户访问product info id=1
页面,product info
组件检查active_product
是否有数据,自页面刚加载以来没有,所以查询数据库并将其放入int active_product
。