基于REACT HOC的数据自动下钻的方法、装置和存储介质制造方法及图纸

技术编号:40842145 阅读:30 留言:0更新日期:2024-04-01 15:09
本发明专利技术涉及数据下钻技术领域,公开基于REACT HOC的数据自动下钻的方法、装置和存储介质,包括对各个组件所对应的父子关系进行确定,生成对应的组件链条,并确定组件链条所对应的最顶层的根组件;对根组件和其他组件使用HOC进行包裹,并拓展各个组件的参数类型;根据接收到的外部传入数据,基于包裹根组件的HOC,将外部传入数据处理后传递给根组件;基于包裹该下层组件的HOC,将上层组件传递的数据进行处理,过滤出该下层组件以及该下层组件的子孙组件的数据,并将过滤出来的数据拆分为该下层组件需要接受数据以及该下层组件的子孙组件需要数据,将对应的子孙组件需要数据传输给该下层组件所对应的下层组件。

【技术实现步骤摘要】

本专利技术涉及数据下钻,具体涉及基于react hoc的数据自动下钻的方法、装置和存储介质。


技术介绍

1、在当前的react应用中,实现跨组件数据下钻目前主要有两类方案,一是使用props逐级下传,这种方式会在各层级组件中增加不必要的透传参数代码,使得代码繁琐且不便于后期维护;第二类是使用react context或者是一些三方的库,比如redux等,这类方案需要前置集中定义需要传递的数据,针对一些复杂的业务场景时,会导致数据定义与实际业务代码分离,不便于理解和维护。


技术实现思路

1、本专利技术的目的之一在于提供一种基于react hoc的数据自动下钻的方法、装置和存储介质,能够实现各层级组件之间的数据自动下钻功能,提高数据维护效率和理解效率。

2、为了达到上述目的,提供了基于react hoc的数据自动下钻的方法,包括以下步骤:

3、s1、对各个组件所对应的父子关系进行确定,生成对应的组件链条,并确定组件链条所对应的最顶层的根组件;

4、s2、对组件链条的最顶层的根组本文档来自技高网...

【技术保护点】

1.基于REACT HOC的数据自动下钻的方法,其特征在于:包括以下步骤:

2.根据权利要求1所述的基于REACT HOC的数据自动下钻的方法,其特征在于:在开发实现过程中,使用babel插件执行S1到S2。

3.根据权利要求2所述的基于REACT HOC的数据自动下钻的方法,其特征在于:所述S3包括:

4.根据权利要求3所述的基于REACT HOC的数据自动下钻的方法,其特征在于:所述S4包括:

5.根据权利要求4所述的基于REACT HOC的数据自动下钻的方法,其特征在于:所述S42和S43之间还包括:

6.基于REACT ...

【技术特征摘要】

1.基于react hoc的数据自动下钻的方法,其特征在于:包括以下步骤:

2.根据权利要求1所述的基于react hoc的数据自动下钻的方法,其特征在于:在开发实现过程中,使用babel插件执行s1到s2。

3.根据权利要求2所述的基于react hoc的数据自动下钻的方法,其特征在于:所述s3包括:

4.根据权利要求3所述的基于react hoc的数据自动下钻的方法,其特征在于:所述s4包括:

5.根据权利...

【专利技术属性】
技术研发人员:张文茂
申请(专利权)人:重庆锐明信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1