之间的区别是什么高阶组件(HOC)和继承反应本地组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了之间的区别是什么高阶组件(HOC)和继承反应本地组件相关的知识,希望对你有一定的参考价值。

我从.net背景,反应新本地

这里的问题是如何的不同于继承与基地哦概念通过父类属性和儿童扩展基础和使用状态,从基类属性和基本方法。

这是最好的方法来实现父- >子- >孙子在反应组件。层次关系吗?

例如:

Parent.js看起来像

class Parent extends Component
{
constructor(props)
{
super(props);
this.state = {
value: "Parent",
BaseText: "Inheritance Example"
}
}

onUpdate = () => {
    console.log("Update called at Parent")
}

}
Child.js延伸Parent.js

class Child extends Parent
{
constructor(props)
{
super(props);
//this state should inherit the properties of Parent and override only the value property
this.state = {
value: "Child",
}
}

onUpdate = () => {
    super.onUpdate();
    console.log("Update called at Child view")
}

render()
{
    return(
        <View>
            <Text> Child View</Text>
        </View>
    )
}

}
的GrandChild.js从Child.js延伸

class GrandChild extends Child
{
constructor(props)
{
super(props);
//this state should inherit the properties of Child, Parent and properties specific to this
this.state = {
value: "GrandChild",
Name: "Test Grand Child"
}
}

    onUpdate = () => {
        super.onUpdate();
        console.log("Update called at Grand Child view")
    }

    render()
    {
        return(
            <View>
                <Text> Grand Child View</Text>
            </View>
        )
    }
}

这是正确的方式实现抽象在反应的家乡 说,父类有共同状态属性和子继承了父状态和有自己的属性。

如何继承状态以及如何更新值状态,在这种情况下。

以上是关于之间的区别是什么高阶组件(HOC)和继承反应本地组件的主要内容,如果未能解决你的问题,请参考以下文章

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

高阶函数HOF和高阶组件HOC(Higher Order Func/Comp)

高阶函数HOF和高阶组件HOC(Higher Order Func/Comp)

使用 HOC 与使用组件包装之间的区别

反应组件目录的命名约定

在反应中更改高阶组件中的道具