React Native:我应该如何存储/修改“小计”状态? Redux,Local State或Global Variable?

时间:2018-02-13 11:47:15

标签: react-native global-variables react-redux local-storage state

我正在开发一个需要存储和修改小计值的购物车应用。理想情况下,当用户扫描产品QR代码时,会导入与代码关联的JSON数据,然后将“price”属性添加到Subtotal状态(如果用户稍后删除该产品,则将其减去)。

以下是JSON数据示例:

{
  "id": "1",
  "title": "Pink Platform Sneakers With Velcro Straps",
  "business_name": "Foo Foo Shoes",
  "price": "59.99"
  "size": "11.5",
  "description": "Foo foo foo...",
  "image": "https://foofoo.com/products/images/image.jpg",
  "thumbnail": "https://foofoo.com/products/images/thumbnail.jpg"
}

需要在不同视图中显示和修改小计状态:主页,购物车页面,装运页面和确认页面。

我目前正在使用Redux存储产品列表状态,我是否应该使用Redux存储小计?或者最好初始化一个本地状态变量来保存这个值?或者我应该使用全局范围变量?根据我的理解,全局变量在React Native中不受欢迎,但这似乎是最简单,最干净的方法。请让我知道你们的想法。

1 个答案:

答案 0 :(得分:1)

我肯定会在Redux中保留小计,特别是如果你已经在使用它的话。您所描述的正是Redux构建要解决的问题:处理需要修改的共享状态并在应用程序的不同部分保持同步。