[发明专利]通过Redux存储数据的方法、装置、设备及可读存储介质

说明书

本发明介绍了一种通过Redux存储数据的方法、装置、设备及可读存储介质，该方法包括：当检测到用户在组件上的操作时，所述组件判断在Redux中是否存在与所述操作对应的状态数据；在Redux中不存在与所述操作对应的状态数据的情况下，所述组件从网络中获取与所述操作对应的状态数据；所述组件根据所述操作以及调用所述组件的页面，生成对应的索引；所述组件将从网络中获取到的状态数据和所述索引存储到Redux中与所述组件对应的key中。本发明解决了组件不能完全复用以及组件复用后不能通过组件管理状态数据的问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种通过Redux存储数据的方法、装置、设备及可读存储介质。

背景技术

在使用React开发页面时，会出现一个组件被多个页面复用的情况，此时需要存储组件在各个页面中的状态数据。控制这些状态数据可以借助Redux，但是，Redux类似于一个单例，全局只有一份，只能存储最终的状态数据，之前的状态数据会被覆盖。

此外，在现有技术中，页面和组件的业务耦合；组件通过页面请求状态数据，并将状态数据存储在Redux中，后期组件再通过页面从Redux中获取状态数据，以供组件进行渲染。因此，在现有技术中，存在不能通过组件自己管理状态数据的问题。

发明内容

本发明实施例的主要目的在于提出一种通过Redux存储数据的方法、装置、设备及可读存储介质，解决了组件不能完全复用以及组件复用后不能通过组件管理状态数据的问题。

为实现上述目的，本发明实施例提供了一种通过Redux存储数据的方法，所述方法包括：

当检测到用户在组件上的操作时，所述组件判断在Redux中是否存在与所述操作对应的状态数据；

在Redux中不存在与所述操作对应的状态数据的情况下，所述组件从网络中获取与所述操作对应的状态数据；

所述组件根据所述操作以及调用所述组件的页面，生成对应的索引；

所述组件将从网络中获取到的状态数据和所述索引存储到Redux中与所述组件对应的key中。

可选的，所述方法还包括：

在Redux中存在与所述操作对应的状态数据的情况下，从Redux中获取与所述操作对应的状态数据，并根据所述状态数据在所述页面中进行渲染。

可选的，在所述组件将从网络中获取到的状态数据和所述索引存储到Redux中与所述组件对应的key中之后，所述方法还包括：

所述组件从key中获取已存储的状态数据，并根据所述状态数据在所述页面中进行渲染。

可选的，所述组件根据所述操作以及调用所述组件的页面，生成对应的索引，包括：

所述组件获取所述页面的统一资源定位符URL，并根据URL和产生的随机值，利用哈希算法，生成对应的哈希值；

所述组件根据预设类型表，确定出与所述操作对应的控件的类型值；

所述组件根据所述哈希值和所述类型值生成对应的索引。

可选的，所述方法还包括：

所述组件按照设定时间，定期在key中对存储的索引及对应的状态数据进行清除。

此外，为实现上述目的，本发明实施例还提出一种通过Redux存储数据的装置，所述装置包括：

判断模块，用于当检测到用户在组件上的操作时，所述组件判断在Redux中是否存在与所述操作对应的状态数据；

获取模块，用于在Redux中不存在与所述操作对应的状态数据的情况下，所述组件从网络中获取与所述操作对应的状态数据；