了解 React Native props 和深度链接

Understanding react native props and deep linking

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

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

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

包括 Flux/Altjs 在内的许多人推荐的流程是始终将您的状态保持在组件之外。现在,如何将这个概念应用到您的案例中?

  • ProductListProductStore
  • ProductInfoProductStore
  • ProductStore 的数组为 products
  • ProductStore 有一个 active_product 等于点击的产品,它存在于 products 数组中,用于生成 ProductList 中的产品列表组件。

场景一:用户访问'product list'页面,点击商品,显示商品信息。加载产品以显示列表时获取数据,然后在商店中设置 active 产品,因此 product info 页面无需加载任何内容。

场景 2:用户访问 product info id=1 页面,product info 组件检查 active_product 是否有数据,因为页面刚刚加载所以没有,因此查询数据库以获取数据和把它写成 active_product.