【技术实现步骤摘要】
一种React组件的使用优化方法及存储介质
本专利技术涉及React框架
，特别涉及一种React组件的使用优化方法及存储介质。
技术介绍
FaceBook提供的基于组件化设计思想的React框架，是目前最流行的前端开发框架之一。React将前端功能拆分成各种组件，然后通过拼装这些组件，实现业务的快速开发。每个组件都各自的配置，默认使用JSON格式进行传递。然而，在复杂的业务环境中，单个组件的配置参数往往非常复杂，如果我们在代码中将JSON格式的配置参数直接传递给组件，就会存在以下缺点：1、导致代码看上去非常不规整，而且十分冗长；2、外由于React组件基于JSX语言编写，大规模的JSON穿插在JSX中间，导致代码变得不容易阅读；3、JSON格式的配置，不利于利用React组件提供的Props特性，实现参数的默认值，特别是复杂类型的参数；4、难以扩展业务组件内部的动态显示功能，例如一个报表业务组件，现在希望在报表的每行中间添加一些内容，这种需求的配置就会非常复杂，实现起来成本也很高。
技术实现思路
为此，需要提供一种React组件的使用优化方法及存储介质，解决现...
【技术保护点】
1.一种React组件的使用优化方法，其特征在于，包括以下步骤：业务组件启动后，遍历所有子组件，所述业务组件为正常拆分编写的React组件，所述子组件通过JSX代码编写包裹在业务组件内部；判断子组件是否为配置组件，所述配置组件为表示其对应的业务组件的配置信息；若是，则提取出子组件中的配置信息，并解析配置信息，根据配置信息创建新的组件，将新的组件替换当前的子组件，并进行显示；遍历所有子组件后，渲染处理过的业务组件。
【技术特征摘要】
1.一种React组件的使用优化方法，其特征在于，包括以下步骤：业务组件启动后，遍历所有子组件，所述业务组件为正常拆分编写的React组件，所述子组件通过JSX代码编写包裹在业务组件内部；判断子组件是否为配置组件，所述配置组件为表示其对应的业务组件的配置信息；若是，则提取出子组件中的配置信息，并解析配置信息，根据配置信息创建新的组件，将新的组件替换当前的子组件，并进行显示；遍历所有子组件后，渲染处理过的业务组件。2.根据权利要求1所述React组件的使用优化方法，其特征在于，所述“判断子组件是否为配置组件，所述配置组件为表示其对应的业务组件的配置信息”之后还包括以下步骤：若不是配置组件，则将子组件直接显示出来。3.根据权利要求1所述React组件的使用优化方法，其特征在于，所述业务组件包括登录组件、注册组件及搜索组件。4.根据权利要求1所述React组件的使用优化方法，其特征在于，所述配置组件具有唯一的类型，对应业务组件的单个业务。5....
【专利技术属性】
技术研发人员：廖兴旺，赖诗长，
申请(专利权)人：福建睿思特科技股份有限公司，
类型：发明
国别省市：福建,35
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。