当前位置: 首页 > 面试题库 >

举例说明什么是高阶组件(HOC)的反向继承?

拓拔嘉颖
2023-03-14
本文向大家介绍举例说明什么是高阶组件(HOC)的反向继承?相关面试题,主要包含被问及举例说明什么是高阶组件(HOC)的反向继承?时的应答技巧和注意事项,需要的朋友参考一下

function HOC(WrappedComponent){
return class HOC extends WrappedComponent {
//继承了传入的组件
test1(){
return this.test2() + 5;
}

componentDidMount(){
console.log('1');
this.setState({number:2});
}

render(){
//使用super调用传入组件的render方法
return super.render();
}
}
}

@hoc
class OriginComponent extends Component {
constructor(props){
super(props);
this.state = {number:1}
}

test2(){
return 4;
}
componentDidMount(){
console.log('2');
}

render(){
return (
<div>
{this.state.number}{'and'}
{this.test1()}
这是原始组件
</div>
)
}
}

 类似资料:
  • 本文向大家介绍举例说明什么是高阶组件(HOC)的属性代理?相关面试题,主要包含被问及举例说明什么是高阶组件(HOC)的属性代理?时的应答技巧和注意事项,需要的朋友参考一下 将被处理组件的props和新的props一起传递给新组件,代码如下: //WrappedComponent为被处理组件 function HOC(WrappedComponent){ return class HOC exten

  • 本文向大家介绍你了解什么是高阶组件吗?可否举个例子说明下?相关面试题,主要包含被问及你了解什么是高阶组件吗?可否举个例子说明下?时的应答技巧和注意事项,需要的朋友参考一下 https://blog.csdn.net/z609373067/article/details/81258966

  • 本文向大家介绍什么是stub?举例说明相关面试题,主要包含被问及什么是stub?举例说明时的应答技巧和注意事项,需要的朋友参考一下 stub用于模块的行为。测试时,stub可以为函数调用返回模拟的结果。比如说,我们写文件时,实际上并不需要真正去写。 Stub是用于模拟一个组件/模块的一个函数或程序。在测试用例中,Stub可以为函数调用提供封装的答案。 当然,你还可以在断言中指明Stub是如何被调用

  • 本文向大家介绍举例说明什么是decodeURI()和encodeURI()是什么?相关面试题,主要包含被问及举例说明什么是decodeURI()和encodeURI()是什么?时的应答技巧和注意事项,需要的朋友参考一下 :将 URI 中的每个字符编码为 1-4 个格式为 的转义序列(xx 为十六进制数),但不包括 ASCII 数字、字母、URL 分隔符(、、、、...)、以及其他部分 ASCII

  • 本文向大家介绍vue中什么是递归组件?举个例子说明下?相关面试题,主要包含被问及vue中什么是递归组件?举个例子说明下?时的应答技巧和注意事项,需要的朋友参考一下 当前注册一个vue组件定义 name 为 'node-tree' ,在组件 template 内部调用 实现递归。

  • 本文向大家介绍举例说明什么是短路求值?相关面试题,主要包含被问及举例说明什么是短路求值?时的应答技巧和注意事项,需要的朋友参考一下 短路求值即利用 (逻辑或) 和 (逻辑与)的短路特性进行赋值: 当值为truthy时,取的值,否则取。这样可以避免被赋为、、、等值。 当值为truthy时,再去取并返回其值,否则返回。这样可以避免为空时,报空指针异常。