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


這段時間一直在使用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調用函數,將子組件的值返回到父組件中調用更新。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM