[react] 举例说明什么是高阶组件(HOC)的属性代理
function HOC(WrappedComponent) {
return class HOC extends Component {
render() {
const newProps = { type: 'HOC' };
return <div>
<WrappedComponent {...this.props} {...newProps} />
</div>
}
}
}
@hoc
class OriginComponent extends Component {
render() {
return <div>这是原始组件</div>
}
}
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
浙公网安备 33010602011771号