了解 React Native props 和深度链接
Understanding react native props and deep linking
我有 product list
和 product info
页。当用户 select 列表页面中的产品时,我 passProps
产品数据从产品列表到产品信息页面,因此我不必从数据库中重新查询相同的数据。同时,我的产品信息页面允许深度链接。
如果用户深度链接到产品信息页面,我应该在哪里传递 Props 数据?
在自定义 URL 或再次查询数据库中的数据?
注意:我使用 firebase 作为数据库
包括 Flux/Altjs 在内的许多人推荐的流程是始终将您的状态保持在组件之外。现在,如何将这个概念应用到您的案例中?
ProductList
听ProductStore
ProductInfo
听ProductStore
ProductStore
的数组为 products
ProductStore
有一个 active_product
等于点击的产品,它存在于 products
数组中,用于生成 ProductList
中的产品列表组件。
场景一:用户访问'product list'页面,点击商品,显示商品信息。加载产品以显示列表时获取数据,然后在商店中设置 active
产品,因此 product info
页面无需加载任何内容。
场景 2:用户访问 product info id=1
页面,product info
组件检查 active_product
是否有数据,因为页面刚刚加载所以没有,因此查询数据库以获取数据和把它写成 active_product
.
我有 product list
和 product info
页。当用户 select 列表页面中的产品时,我 passProps
产品数据从产品列表到产品信息页面,因此我不必从数据库中重新查询相同的数据。同时,我的产品信息页面允许深度链接。
如果用户深度链接到产品信息页面,我应该在哪里传递 Props 数据? 在自定义 URL 或再次查询数据库中的数据?
注意:我使用 firebase 作为数据库
包括 Flux/Altjs 在内的许多人推荐的流程是始终将您的状态保持在组件之外。现在,如何将这个概念应用到您的案例中?
ProductList
听ProductStore
ProductInfo
听ProductStore
ProductStore
的数组为products
ProductStore
有一个active_product
等于点击的产品,它存在于products
数组中,用于生成ProductList
中的产品列表组件。
场景一:用户访问'product list'页面,点击商品,显示商品信息。加载产品以显示列表时获取数据,然后在商店中设置 active
产品,因此 product info
页面无需加载任何内容。
场景 2:用户访问 product info id=1
页面,product info
组件检查 active_product
是否有数据,因为页面刚刚加载所以没有,因此查询数据库以获取数据和把它写成 active_product
.