[react] 寫一個react的高階組件并說明你對高階組件的理解

定義高階組件
?

import React, { Component } from 'react';const simpleHoc = WrappedComponent => { console.log('simpleHoc'); return class extends Component { render() { return <WrappedComponent {...this.props}/> } } } export default simpleHoc;

使用高階組件
?

import React, { Component } from 'react'; import simpleHoc from './simple-hoc';class Usual extends Component { render() { console.log(this.props, 'props'); return ( <div> Usual </div> ) } } export default simpleHoc(Usual);

高階組件是裝飾器模式在react中的一種應用，通過屬性代理和反向繼承兩種方式實現組件重用。

個人簡介

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

主目錄

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

總結

以上是生活随笔為你收集整理的[react] 写一个react的高阶组件并说明你对高阶组件的理解的全部內容，希望文章能夠幫你解決所遇到的問題。

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