React學習筆記4

標籤：

遇到的問題

目前模板是自己任意定義的，樣式不好控制 在組件設計時，可以把頁面資料顯示的地方，分割父子組件嵌套的結構，比如，商品資料顯示列表，把組外層容器看成是父組件，裡面是資料顯示的渲染模板，看成是子組件

 做資料互動

1.實現父子組件的分離---父組件請求data，子組件解析

2.實現在父組件中，生命週期函數中請求ajax，得到資料後，先存在父組件的state中，再把state傳遞給子組件的props

3.在子組件中解析和列印資料

4.在父組件中控制子組件的疊加，最後將疊加結果通過父組件渲染到頁面中

 Mixins

Mixins是React組件中提供出的一個屬性

在開發中很多功能（JS函數構成的模組）存在共性，將公用函數抽取，通過Mixins來使用

首先將公用的函數提取出來，放在一個Object中，這些方法提取出來以後的類型也是Object方法類型

使用:在需要調用公用方法的組件中，通過mixins:[commonApis]把commonApis對象中的方法都掛載到該組件的原型鏈上

在組件中要是用這些方法，只需要onChange={this.checkInput}即可

React學習筆記4