React中高级函数与高级组件的运用（下）——登录鉴权及增强props案例详解

文章目录

• 前言
• • 高阶组件

  • • 高阶组件例子说明

    • • 案例改写

    • 登录鉴权

    • 增强props

前言

上篇文章主要向大家介绍了关于高阶函数的基本概念。通过学习上篇文章对高阶函数的思想有了深入了解后，则这篇文章将带领大家认识并掌握高阶组件的相关知识。如果读者尚未系统地学习过上篇文章的内容，则建议先点击下方链接回顾一下相关内容。

高阶组件

高阶组件即是函数,该函数接受一个组件作为输入,并生成一个新的组件.在React生态系统中,HOC被视为一种高级策略来复用组件逻辑.值得注意的是,HOC本身并不是API的一部分,而是建立在组合特性的基础之上的一种设计模式.

高阶组件例子说明

为了更好地说明问题，请让我们举一个实例。我们将这一过程呈现为组件形式进行展示。一共有三个功能模块：登录、登出和注册。其中，请重点了解登录功能的实现

    import React, { Component } from 'react'
    export class Login extends Component {
    state = {
        username: ''
    }
    // 模拟使用axios获取useranem，在生命周期中实现
    co