理解反应原生道具和深层链接

时间:2016-10-03 15:19:05

标签: reactjs react-native deep-linking

我有product listproduct info页面。当用户在列表页面中选择产品时,我passProps产品数据从产品列表到产品信息页面,因此我不必从数据库中重新查询相同的数据。同时,我的产品信息页面允许深层链接。

如果用户深入链接到产品信息页面,我应该在哪里传递数据? 在自定义URL中还是再次查询数据库中的数据?

注意:我正在使用firebase作为数据库

1 个答案:

答案 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