[发明专利]状态管理模型优化方法、装置、电子设备及可读存储介质

说明书

本申请提供了一种状态管理模型优化方法、装置、电子设备及可读存储介质，涉及计算机技术领域。该方法包括：将目标项目分为包括Store类的Stores层、包括用于指示交互逻辑的Action类的Action层、包括组件的Views层，不同层对应的存储范围不同，Store类中包括属性文件，Action类中包括至少一个Action函数；根据接收到的修改操作，对修改操作对应的目标文件进行修改，其中，目标文件为修改操作指定的属性文件或Action函数。如此，通过将项目分层，不同层对应不同的存储范围，便于管理，并且在需要进行修改时，可缩小查找范围，从相应的存储范围查找出要修改的文件。

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种状态管理模型优化方法、装置、电子设备及可读存储介质。

背景技术

React是由Facebook研发的用于构建用户界面的JavaScript库，可以构建管理自身状态的封装组件，然后对组件进行组合以构成复杂的UI(User Interface，用户界面)。组件中的状态是指能驱动应用的数据，组件除了可以维护组件内部的状态数据(通过this.state访问)以外，还可以使用组件外部的数据(通过this.props访问)。当组件的状态数据改变的时候，React能够高效更新并渲染合适的组件，从而达到页面快速响应的效果。

但是单靠React自身的能力是无法满足现在复杂应用的需求的。虽然React能够管理一部分状态数据，但是随着应用开发日趋复杂，需要管理的状态数据也越来越多。这些状态数据可能包括服务器响应结果、缓存数据、UI状态、页面标记等。而且同一个状态数据，可能在多个组件中使用，这又涉及父子组件，兄弟组件，以及不相邻组件间的数据传递，对于以树状结构构成的React应用来说，兄弟组件，以及不相邻组件间的数据传递是困难且十分影响性能的。

由上可知，React需要引入专门的状态管理工具。该工具需要能够管理全局使用的状态，使数据的传递变得更加便利；同时也能够像React组件自身状态那样，当某个全局状态改变，对应使用该状态的组件也会触发更新。MobX就是现存的状态管理工具之一。

MobX的一大特点是非常的灵活，状态数据及交互逻辑可随处定义。但是，灵活也意味着随意，MobX的各种代码散落在项目各处，无法实现统一管理，不便于对状态数据文件或者交互逻辑进行修改。

发明内容

本申请实施例提供了一种状态管理模型优化方法、装置、电子设备及可读存储介质，其通过将项目分为Stores、Action、Views层，不同层对应不同的存储范围，便于管理，并且在需要进行修改时，可从相应的存储范围查找出要修改的文件，该方式可缩小查找范围。

本申请的实施例可以这样实现：

第一方面，本申请实施例提供一种状态管理模型优化方法，所述方法包括：

将目标项目分为Stores、Action、Views层，其中，不同层对应的存储范围不同，Stores层中包括Store类，所述Store类中包括属性文件，所述Action层包括用于指示交互逻辑的Action类，所述Action类中包括至少一个Action函数，所述Views层中包括组件；

根据接收到的修改操作，对所述修改操作对应的目标文件进行修改，其中，所述目标文件为所述修改操作指定的属性文件或Action函数。

第二方面，本申请实施例提供一种状态管理模型优化装置，所述装置包括：

分层模块，用于将目标项目分为Stores、Action、Views层，其中，不同层对应的存储范围不同，Stores层中包括Store类，所述Store类中包括属性文件，所述Action层包括用于指示交互逻辑的Action类，所述Action类中包括至少一个Action函数，所述Views层中包括组件；