0
点赞
收藏
分享

微信扫一扫

React-组件-高阶组件

12a597c01003 2022-05-25 阅读 15

高阶组件(Higher-Order Components,简称为 HOC)

  • 参数为组件,返回值为新组件的函数就可以称之为高阶组件
import React from 'react';

class Home extends React.PureComponent {
render() {
return (
<div>Home</div>
)
}
}

function enhanceComponent(WrappedComponent) {
class AdvComponent extends React.PureComponent {
render() {
return (
<div>
<WrappedComponent/>
</div>
)
}
}
return AdvComponent;
}

const AdvComponent = enhanceComponent(Home);

class App extends React.PureComponent {
render() {
return (
<div>
<AdvComponent/>
</div>
)
}
}

export default App;

官方文档

  • ​​https://zh-hans.reactjs.org/docs/higher-order-components.html#gatsby-focus-wrapper​​




举报

相关推荐

0 条评论