关于公共逻辑的抽离方法？
来源：1-1 学前必读
斜杠男人
2021-09-13
公共逻辑的抽离除了课程中提到的HOC和render props外，还有反向继承方式，此种方式能介绍下吗？这三种方式相比优缺点？
反向继承方式如下：
class Index extends React.Component{
render(){
return <div> hello,world </div>
}
}
function HOC(Component){
return class wrapComponent extends Component{ /* 直接继承需要包装的组件 */
}
}
export default HOC(Index)
写回答
1回答
-
好建议。
从语法上看没啥问题。确实能通过继承来实现。
但这种方式我还没有用过，暂时想不到应用的场景。毕竟组件算是一个 UI ，UI 中使用继承并不多见。
待我先去准备一下资料，后续再来补充。
10
相似问题