1.父子組件:組件的相互調(diào)用中攻人,我們把調(diào)用者稱為父組件取试,被調(diào)用者為子組件。
2.父子組件的傳值:通過(guò)給組件設(shè)置一個(gè)屬性怀吻,然后在父組件里調(diào)用this.props.屬性名來(lái)賦值
注意:父組件不僅能把值傳給子組件瞬浓,還可以把方法傳給子組件,甚至把父組件整個(gè)傳給子組件蓬坡。同時(shí)子組件也可以把值傳給父組件猿棉。
3.父組件里操作子組件:
1)調(diào)用子組件的時(shí)候,先設(shè)置ref
2)通過(guò)調(diào)用this.refs.設(shè)置的ref名稱屑咳,實(shí)現(xiàn)父組件主動(dòng)調(diào)用子組件里的內(nèi)容萨赁。(dom組件加載完成后才能獲取)
截圖里的header是2的內(nèi)容兆龙,footer是3的內(nèi)容掩飾