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