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

a1107849370發表於2018-11-09

我從.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>             )         }     }


這是正確的方式實現 抽象 在反應的家鄉 說,父類有共同狀態屬性和子繼承了父狀態和有自己的屬性。

如何繼承狀態以及如何更新值狀態,在這種情況下。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559515/viewspace-2219457/,如需轉載,請註明出處,否則將追究法律責任。

相關文章