[发明专利]一种共享数据的存储方法、装置及设备

说明书

本发明公开了一种共享数据的存储方法、装置及设备，将共享数据进行存取操作的逻辑封装到store中，使用时只需根据对应的存储方式，将页面组件的共享数据存储到store中，避免了使用复杂逻辑代码，更加简单高效。该方法包括：监听至少一个页面组件发送的共享数据的存储指令；根据与所述存储指令对应的存储方式，将所述存储指令指示的共享数据存储到store中，其中所述store是基于React钩子函数hooks构建且封装的，所述store用于表征共享数据进行存取操作的逻辑。

技术领域

本发明涉及计算机技术领域，特别涉及一种共享数据的存储方法、装置及设备。

背景技术

React是Web开发框架，用于构建用户界面的JavaScript库。Redux是React中用于数据共享的一套框架，包括action、reducer、store、state等模块。现有的React数据共享方案，通常使用层级式的将共享数据逐层注入，或者使用redux框架实现中心式数据共享，但是将共享数据逐层注入的方式效率较低，并且需要使用状态管理模块包裹所有程序内部组件，使用受限、适用性不高，而中心式数据共享的方法，每次实现数据共享时都需要创建模块action、reducer、store、state以及相应模块间的交互逻辑才能实现数据共享，运算逻辑复杂，开发周期长。

发明内容

本发明提供一种共享数据的存储方法、装置及设备，基于React钩子函数hooks构建store，将共享数据进行存取操作的逻辑封装到store中，使用时只需根据对应的存储方式，将页面组件的共享数据存储到store中，避免了使用复杂逻辑代码，更加简单高效。

第一方面，本发明实施例提供的一种共享数据的存储方法，包括：

监听至少一个页面组件发送的共享数据的存储指令；

根据与所述存储指令对应的存储方式，将所述存储指令指示的共享数据存储到store中，其中所述store是基于React钩子函数hooks构建且封装的，所述store用于表征共享数据进行存取操作的逻辑。

本发明实施例提供的本发明实施例通过React hooks对redux的结构进行重新构建，将目前redux框架中的state和reducer之间进行共享数据的交互逻辑，简化为通过钩子函数，将共享数据进行存取操作的逻辑封装到store中，利用封装的store，对于页面组件进行存取操作时，可以直接使用调用封装组件的方式调用store，不需要搭建多个模块及逻辑才能实现，更简单高效。

作为一种可选的实施方式，还包括：

监听至少一个页面组件发送的共享数据的读取指令；

根据与所述读取指令对应的读取方式，从所述store中读取与所述读取指令对应的共享数据。

作为一种可选的实施方式，所述根据与所述存储指令对应的存储方式，将所述存储指令指示的共享数据存储到store中，包括：

确定与所述存储指令对应的数据类型和存储字段；

按所述数据类型，将所述指示的共享数据存储在所述store中的所述存储字段。

作为一种可选的实施方式，所述根据与所述读取指令对应的读取方式，从所述store中读取与所述读取指令对应的共享数据，包括：

确定与所述读取指令对应的数据类型和存储字段；

从所述store中的所述存储字段中，读取所述数据类型的共享数据。

作为一种可选的实施方式，还包括：

对所述store中存储的共享数据进行持久化处理，以使所述页面组件进行刷新时保留所述store中存储的共享数据。

作为一种可选的实施方式，还包括：