[react] 舉例說明什么是高階組件(HOC)的反向繼承

import React from 'react';const hoc = (WrappedComponent) => {// 集成需要包裝的 Componentreturn class extends WrappedComponent {constructor(props) {super(props);}// 重寫 component 生命周期componentDidMount() {console.log('----> hoc didmount');}// render 繼續使用被包裝的 Component 的 render 方法render() {return super.render();}} }class Title extends React.Component {constructor(props) {super(props);}componentDidMount() {console.log('---> title didmount');}render() {return <h1>{this.props.title}</h1>} }export default () => {const HOCComponent = hoc(Title);return <HOCComponent title={'title'} /> }

?個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[react] 举例说明什么是高阶组件(HOC)的反向继承的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。