[發明專利]基于react項目的全局狀態數據管理方法及系統

在審

• 申請號: 202011167627.8
• 申請日: 2020-10-27
• 公開（公告）號: CN112241282A
• 公開（公告）日: 2021-01-19
• 發明（設計）人: 吳廣;鄭斌斌;程然;劉偉國;李智博;李亞峰;井輝輝;黃守毅;闕磊磊
• 申請（專利權）人: 上海萬向區塊鏈股份公司
• 主分類號: G06F8/65
• 分類號: G06F8/65
• 代理公司: 上海段和段律師事務所 31334
• 代理人: 李佳俊;郭國中

1.一種基于react項目的全局狀態數據管理系統，其特征在于，包括：

模塊M1：定義全局共享數據模塊以及每個全局共享數據模塊對應的屬性字段值；

模塊M2：建立全局狀態管理模塊，通過全局狀態管理模塊導出源頭組件和連接器；

模塊M3：將項目最外層組件嵌套進源頭組件，根據全局共享數據模塊以及每個全局共享數據對應的屬性字段值初始化源頭組件的內部狀態數據；并通過源頭組件向項目內部注入共享數據以及全局狀態更新函數；

模塊M4：通過連接器包裝需要獲取全局狀態數據的組件，組件在經過連接器包裝處理后，獲取源頭組件注入的共享數據。

2.根據權利要求1所述的基于react項目的全局狀態數據管理系統，其特征在于，所述模塊M1包括：根據業務模塊拆分全局共享數據，并根據項目實際需求建立多個不同全局共享數據模塊，每個全局共享數據模塊以key-value格式存儲數據；每個全局共享數據模塊定義對應的屬性字段值，每一個屬性字段值是被全局共享的狀態值。

3.根據權利要求1所述的基于react項目的全局狀態數據管理系統，其特征在于，所述模塊M3包括：

模塊M3.1：在項目最外層導入多個不同全局共享數據模塊及相應屬性字段值和源頭組件，將各全局共享數據模塊數據及相應屬性字段值以參數傳遞的方式傳入源頭組件，源頭組件內部將接收到的各全局共享數據模塊數據及相應屬性字段值初始化為源頭組件的內部狀態數據；

模塊M3.2：通過React context的原生api將源頭組件內部狀態數據和全局狀態更新函數注入到源頭組件包裹的項目組件里。

4.根據權利要求1所述的基于react項目的全局狀態數據管理系統，其特征在于，所述模塊M4包括：

模塊M4.1：在項目內部需要展示共享數據的組件里導入連接器，連接器包裹需要展示共享數據的組件，組件在經過連接器包裝處理后，獲取源頭組件注入的共享數據；

模塊M4.2：全局狀態更新函數通過連接器的傳遞，組件內部獲取全局狀態更新函數，通過全局狀態更新函數將需要更新的全局共享數據模塊值傳入組件內；

步驟M4.3：數據從更新的組件內傳遞到源頭組件，源頭組件更新自身的內部狀態，內部狀態注入到包裹的項目組件里，項目組件里調用連接器函數的組件接受的參數發生改變。

5.根據權利要求3所述的基于react項目的全局狀態數據管理系統，其特征在于，所述全局狀態更新函數包括：當組件調用傳入不存在的全局共享數據模塊或全局共享數據模塊屬性字段值時，全局狀態更新函數通過循環遍歷找到不合法的屬性，并將不合法的屬性舍棄；傳入的全局共享數據模塊經過舍棄后，保證傳入的模塊對象結構沒有被污染，然后將傳入的全局共享數據模塊和原有的狀態模塊合并，得到新的將要被更新的全局共享數據模塊。

6.一種基于react項目的全局狀態數據管理方法，其特征在于，包括：

步驟M1：定義全局共享數據模塊以及每個全局共享數據模塊對應的屬性字段值；

步驟M2：建立全局狀態管理模塊，通過全局狀態管理模塊導出源頭組件和連接器；

步驟M3：將項目最外層組件嵌套進源頭組件，根據全局共享數據模塊以及每個全局共享數據對應的屬性字段值初始化源頭組件；并通過源頭組件向項目內部注入共享數據以及更新共享數據的函數；

步驟M4：通過連接器包裝需要獲取全局狀態數據的組件，組件在經過連接器包裝處理后，獲取源頭組件注入的共享數據。

7.根據權利要求6所述的基于react項目的全局狀態數據管理方法，其特征在于，所述步驟M1包括：根據業務模塊拆分全局共享數據，并根據項目實際需求建立多個不同全局共享數據模塊，每個全局共享數據模塊以key-value格式存儲數據；每個全局共享數據模塊定義對應的屬性字段值，每一個屬性字段值是被全局共享的狀態值。