1. 程式人生 > >之間的區別是什麽高階組件(HOC)和繼承反應本地組件

之間的區別是什麽高階組件(HOC)和繼承反應本地組件

test 背景 const 父類 擴展 情況 call 實現 text

我從.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)和繼承反應本地組件