react學習總結

react基礎以及各個方面知識店等。一方面作為學習總結，另一方面也方便查閱，總結並無嚴格順序，每天遇到則加上。

解構賦值

react 中遵循es6標準匯入匯出 解構賦值必須是匯出多個class變數，或者是兩個不同的class變數，然後用一個物件包括著設定屬性和值

子元件向父元件傳遞資料（通過傳遞回撥函式）

setState一般與回撥函式成對出現，回撥函式是轉換內部狀態時的函式傳統

• 父元件定義函式方法。通過屬性傳入回撥函式，供子元件需要時呼叫

• 子元件通過this.props.handleChange作為回撥函式進行呼叫（中間都有其他函式進行轉換）

react 變數與props/state

保持state的簡潔，不要出現計算得來的state。變數當然可以在render裡面，任何自定義輔助函式裡面用ver let const宣告和使用，並不是都要寫在props和state裡面。props更多是為了傳遞資料，配置，state是狀態管理，所以沒有必要把函式內部變數宣告到全域性，受angular2思維影響

    // WRONG:
    constructor (props) {
        this.state = {
        listItems: [1, 2, 3, 4, 5, 6],
        itemsNum: this.state.listItems.length
        };
    }
    render() {
    return (
        <div>
          <span>{this.state.itemsNum}</span>
        </div>
    )
    }
    // Right:
    render () {
     var itemsNum = this.state.listItems.length;
    }