1. 程式人生 > >react 父組件向子組件傳遞函數

react 父組件向子組件傳遞函數

eat hist extends imp pre 通過 cto [] from

這段時間一直在使用react,由於這react是單向數據綁定,總感覺有點不適用,畢竟之前一直都在使用angular,但學習還是要繼續,做了一個叠代的項目,都差點忘記要總結一下這個react了,現在可以寫點東西了。(react 新手,僅僅參考)

1.react一開始我更理解為是一個各種代碼片段,由於之前接觸了一段時間meteor,感覺有點相似。在使用之前都要在app.js中將一總的父組件通過import導入,另外在route中的path中寫入鏈接

例如:import createHistory from ‘history/createHashHistory‘;

<Route path="/mediahome" component={MediaHome}/>

2.父組件頁面中,使用

class ShoppingCar extends React.Component {
    constructor() {
        super();
        this.state ={
            myCar : []
        };
    }
    componentDidMount() {
      //進行渲染   
}
    
}

說明:使用class並且繼承,說明這種方式裏面都是一種對象的形式,在調用的時候也要使用這種點的形式

constructor首先設置屬性,可以理解為js中的var ;先設置一個變量;

componentDidMount 在這裏可以請求一些數據,請求結束之後在渲染頁面

如果父組件要傳遞參數給子組件可以在子組件的路由中加入 ,然後在子組件中用this.props獲取,同理,從父組件向子組件傳遞函數也是如此,在子組件使用this.props調用函數,將子組件的值返回到父組件中調用更新。

react 父組件向子組件傳遞函數