为了账号安全,请及时绑定邮箱和手机立即绑定

React高级教程之高阶组件

宋小玉666 Web前端工程师
难度高级
时长 1小时46分
学习人数
综合评分9.0
7人评价 查看评价
8.3 内容实用
9.1 简洁易懂
9.7 逻辑清晰
简介:高阶组件是React 中一个很重要且比较复杂的概念,高阶组件在很多第三方库(如Redux)中都被经常使用。在项目中用好高阶组件,可以显著提高代码质量。

第1章 课程介绍

在本章节中主要介绍开设本课程的原因,以及通过本课程可以学习到的知识,展示了本次课程最后的实战的展示效果

第2章 高阶组件介绍

在本章中,我们通过高阶函数的概念,引出高阶组件的的概念,并简单介绍了高阶组件在项目中的使用方式,最后通过@connect高阶组件来强化理解高阶组件

第3章 高阶组件实现

在本章中,将会通过编写一个简单的高阶组件,来加深对高阶组件概念的理解;介绍了高阶组件常用的两种引用方式(函数传参、class装饰器);同时介绍了高阶组件如何进行传参,以及在被包裹的组件中如何获取传入的参数。

第4章 高阶组件应用

在本章中,我们介绍了最常见的两种高阶组件的应用:代理方式和继承方式的高阶组件。详细介绍了这两种应用的区别以及应用场景。

第5章 高阶组件实战

在本章节中,我们通过create-react-app搭建本地开发环境,分解了TabBar组件的构成,抽象出TabBar组件的基本结构。接着我们实现了TabBar的静态并布局,并且添加了点击动作。为了更好的展示TabBar的功能,我们又给项目添加了react-router,并将react-router与TabBar完美结合,最后我们高阶组件优化TabBar组件,达到一处编写,到处使用的目的。
课程须知
1、React 高阶组件的含义 2、React 高阶组件的实现 3、React 高阶组件的应用--代理和继承 4、React 高阶组件实战--编写Tabbar
老师告诉你能学到什么?
熟悉React基础,有一定的React开发经验
意见反馈 帮助中心 APP下载
官方微信