反应导航和Redux状态管理代码重复

时间:2020-10-08 19:28:00

标签: javascript reactjs react-native redux react-navigation

这是一个很难总结的问题,因此,我将竭尽所能。我正在React Native中构建一个应用程序。应用程序有3个标签,每个标签都有自己的堆栈(反应导航)。我使用Redux来构建项目,主要是因为调试器对跟踪动作和状态非常有帮助。客户要求在三个选项卡的每个选项卡之间重复使用类似的屏幕。用户个人资料(屏幕)导航到项目列表(屏幕),选择一个项目,然后将您带到项目描述(屏幕),您可以选择创建该项目并将其带回到其个人资料(屏幕)的用户。 (还有其他一些屏幕可以完成此“循环”,但我正在尝试将问题细化到其核心)。

客户端要求每个选项卡都能够拉出单独的用户配置文件,列表和描述页面。我的解决方案是每个选项卡都有其自己的状态。这应该很简单。操作的逻辑保持不变,以提取用户的个人资料和各种不同的项目列表。拉起用户个人资料页面有几个不同的数据库调用,用于几个不同的列表。总的来说,我觉得我在重复太多代码。我基本上需要调用1操作来“获取颜色为蓝色的项目列表”。可以对每个选项卡重复使用此操作,但只会分派类型和有效负载以更新该选项卡内的状态。这个问题会在应用程序的几种不同状态中重复出现,因此我试图最好地理解如何以一种简洁的方式解决此问题。任何建议表示赞赏。如果有问题,我也很乐意进一步解释。

0 个答案:

没有答案